Flutter学习笔记07--资源管理

和包管理一样,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来实现自定义启动界面(你也可以直接换一张图片)。

发布了336 篇原创文章 · 获赞 331 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/zym326975/article/details/102808017
今日推荐