Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Flutter Asset SyncronationNew to Visual Studio Code? Get it now.
Flutter Asset Syncronation

Flutter Asset Syncronation

Studio Cloud

|
2,180 installs
| (0) | Free
Flutter asset syncronation is an extension to generate static variable that contain path of your assets file, so you don't have to remember the path when you need them.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Asset Syncronation

Features

Flutter asset syncronation is an extension to generate static variable that contain path of your assets file, so you don't have to remember the path when you need them.

Github Repository

Usage

Sort your assets files according to the file types by using folder like this

List your asset folders in assets section on pubspec.yaml file, don't forget to save the pubspec.yaml for automatically update the project or do it manually by run flutter pub get on the terminal.

⚠️⚠️⚠️ In the previous version you need to add comment tag in the first and the end of the assets section but now it's not required, you will just do it like this

assets:
   - assets/images/
   - assets/fonts/
   - assets/icons/
   - assets/audios/

everytime you add or delete files/folders in assets folder it will automatically generate r.dart file contains classes according to the name of the sub folder in assets, the class will look like this

class AssetImages {
	static const String onboarding1 = 'assets/images/onboarding1.png';
	static const String onboarding2 = 'assets/images/onboarding2.png';
	static const String onboarding3 = 'assets/images/onboarding3.png';
	static const String onboarding4 = 'assets/images/onboarding4.png';
}

class AssetFonts {
	static const String nunito = 'assets/fonts/nunito.ttf';
}

After that you just need to import r.dart file, and access the static variable like usual.

You can customize the file name and folder path in extension tab on workspace setting, or you can simply search it with keyword Flutter Asset Syncronation

Release Notes

1.0.3

  • Ignore sub-folder for declaring resolution-aware image assets, so it will not registered as a variable

1.0.2

  • Setting feature for change the class name and folder path

1.0.1

  • Automatically find asset folders without comment tagging

1.0.0

  • Stable Release
  • Generate r.dart file automatically everytime there's file added/removed/updated
  • Update instruction in README.MD
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft