和包管理一樣,Flutter也使用pubspec.yaml
文件來管理應用程序所需的資源
flutter:
assets:
- assets/my_icon.png
- assets/background.png
加載文本assets
import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;
Future<String> loadAsset() async {
return await rootBundle.loadString('assets/config.json');
}
聲明分辨率相關的圖片assets
- …/image.png
- …/Mx/image.png
- …/Nx/image.png
- …etc.
加載圖片
Widget build(BuildContext context) {
return new DecoratedBox(
decoration: new BoxDecoration(
image: new DecorationImage(
image: new AssetImage('graphics/background.png'),
),
),
);
}
Widget build(BuildContext context) {
return Image.asset('graphics/background.png');
}
依賴包中的資源圖片
new AssetImage('icons/heart.png', package: 'my_icons')
new Image.asset('icons/heart.png', package: 'my_icons')
特定平臺assets
- 設置APP圖標
Android
在Flutter項目的根目錄中,導航到.../android/app/src/main/res
目錄,裏面包含了各種資源文件夾(如mipmap-hdpi
已包含佔位符圖像“ic_launcher.png”)
- 更新啓動頁
Android
要將啓動屏幕(splash screen)添加到您的Flutter應用程序, 請導航至.../android/app/src/main
。在res/drawable/launch_background.xml
,通過自定義drawable來實現自定義啓動界面(你也可以直接換一張圖片)。