Flutter 静态图片自动配置

最新推荐文章于 2025-07-09 17:58:18 发布

原创最新推荐文章于 2025-07-09 17:58:18 发布 · 961 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android studio #android

Android Flutter框架专栏收录该内容

20 篇文章

订阅专栏

本文介绍了在Android Studio中使用Flutter-img-sync插件进行图片资源管理的步骤。首先，安装插件，然后在项目中创建图片文件夹并导入图片。接着，在pubspec.yaml配置文件中指定图片路径。通过插件工具生成R.dart文件后，可以引用import 'r.dart'并在Widget中使用Image.asset加载本地图片。这是一个快速入门Flutter图片资源管理的方法。

1.先在Android Studio 中添加插件 flutter-img-sync 。

2.在项目根目录下新建存放图片的文件夹，放入需要使用的图片。

3.在配置文件 pubspec.yaml 中添加：

assets:
  # assets-generator-begin
  # assets/img/*
  # assets/img/3x/*
  # assets-generator-end

4.使用插件工具。

5.随便写个端口。

6.可以看到生成了一个 R.dart 文件。

7.如何使用。

先添加引用  import 'r.dart';

return Container(
  width: double.infinity,
  height: double.infinity,
  color: Colors.white,
  child: Image.asset(R.assetsImgSplash, ///你本地的图片--local picture
    fit: BoxFit.fill,///自动填充页面大小--auto fill page size
  ),
);