Flutter之Resource file configuration

#Resource file configuration In Flutter, the path of the resource needs to be configured in the pubspec.yaml file and then resources can be packaged for use. ##Add image resource file ###Add local image resources ``` flutter: assets: // Import all the resource files under the images folder - images/ // Only import pci.png which is under the images folder. - images/pci.png ``` Use: `Image.asset("images/pic.png")` ###Add a image resource of plug-in ####Add dependency plug-in ``` dependencies: flutter_gallery_assets: 0.1.6 ``` ####Register the resources in the plug-in ``` flutter: assets: - packages/flutter_gallery_assets/places/india_chennai_flower_market.png ``` To load an image in a dependent package, you must supply the package parameter to AssetImage. ``` new AssetImage('places/india_chennai_flower_market.png', package: 'flutter_gallery_assets') ``` ###Resolution-related image resources ``` ../image.png ../1.0x/image.png ../2.0x/image.png ``` ###Add font resources ``` flutter: fonts: // The name of font - family: Schyler fonts: // font resourcce file - asset: fonts/Schyler-Regular.ttf - asset: fonts/Schyler-Italic.ttf style: italic - family: Trajan Pro fonts: - asset: fonts/TrajanPro.ttf - asset: fonts/TrajanPro_Bold.ttf weight: 700 - family: Raleway fonts: - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Regular.ttf - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Medium.ttf weight: 500 - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-SemiBold.ttf weight: 600 ``` Use: ``` TextStyle( fontFamily: 'Raleway', inherit: false, fontSize: 24.0, fontWeight: FontWeight.w500, color: Colors.white, textBaseline: TextBaseline.alphabetic, ) ``` ##Loading static data ``` flutter: assets: - assets/config.json ``` Use: ``` DefaultAssetBundle.of(context).loadString("assets/config.json") ``` Or ``` Future loadAsset() async { return await rootBundle.loadString('assets/config.json'); } ```