Notice: You're viewing an old version of the Nylo documentation.
Consider upgrading your project to Nylo 5.20.0.
Widgets

Assets



Introduction

In this section, we'll look into how you can manage assets throughout your widgets. Nylo provides a few helper methods which make it easy to fetch images, files and more from your public/assets directory.


Displaying images

You can return images by calling the below helper method.

getImageAsset('nylo_logo.png');

In your widget, it would look something like the below.

Image.asset(
  getImageAsset("nylo_logo.png"),
  height: 100,
  width: 100,
)


Returning files

You can call the below helper method to get the full file path for an asset.

getPublicAsset('/images/nylo_logo.png');

This could also be any file within the public/assets directory too

getPublicAsset('/video/welcome.mp4');


Adding new files

To add new files open the public/assets directory and include your files in a new folder or an existing one.


Pubspec yaml assets

If you add a new file to the public/assets/ directory, you also need to include it within your pubspec.yaml file under "assets".

You can include your new files like the below example.

Example new file: public/assets/video/welcome.mp4


pubspec.yaml file

...
assets:
  - public/assets/video/welcome.mp4
  - public/assets/fonts/
  - public/assets/images/nylo_logo.png
  - lang/en.json
  - .env