Question

我需要在我的应用程序中添加很多图像。并计划使应用程序保持脱机状态。编写“ assets / image1.jpg”令人心痛。我是新手，我不知道是否还有其他方法。有吗？

Answer 1

要包含资产：

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

要在目录下包含所有资产，请在目录名末尾添加/字符：

flutter:
  assets:
    - assets/

请注意，仅包含直接位于目录中的文件；要添加位于子目录中的文件，请在每个目录中创建一个条目。

从Flutter Docs：（https://flutter.dev/docs/development/ui/assets-and-images）

Answer 2

这是一个名为Flr（Flutter-R）的flutter开发工具，可以帮助您在pubspec.yaml中自动指定图像/文本/字体资源并生成r.g.dart文件。然后，您可以通过引用资产的资产ID函数在代码中应用资产，例如：

import 'package:flutter_r_demo/r.g.dart';

// test_sameName.png
var normalImageWidget = Image(
  width: 200,
  height: 120,
  image: R.image.test_sameName(),
);

// test_sameName.gif
var gifImageWidget = Image(
  image: R.mage.test_sameName_gif(),
);

// test.svg
var svgImageWidget = Image(
  width: 100,
  height: 100,
  image: R.svg.test(width: 100, height: 100),
);

// test.json
var jsonString = await R.text.test_json();

// test.yaml
var yamlString = await R.text.test_yaml();

// Amiri Font Style
var amiriTextStyle = TextStyle(fontFamily: R.fontFamily.amiri);

到目前为止，Flr支持Android Studio插件，CLI和VSCode扩展：

Flr Android Studio插件版本
- GitHub：https://github.com/Fly-Mix/flr-as-plugin
- 插件主页：https://plugins.jetbrains.com/plugin/13789-flr
- flr-as-plugin用法示例Gif：
Flr CLI版本
- GitHub：GitHub：https://github.com/Fly-Mix/flr-cli
- 插件主页：https://rubygems.org/gems/flr
- flr-cli使用示例Gif：
Flr VSCode扩展版本
- GitHub：GitHub：https://github.com/Fly-Mix/flr-vscode-extension
- 扩展名首页：https://marketplace.visualstudio.com/items?itemName=LincolnLaw.flr
- flr-vscode-extension用法示例：

现在您可以根据您的开发环境安装任何版本的Flr工具，然后轻松添加大量图像/文本/字体，尽情享受〜

如何以简单的方式在pubspec.yaml中添加100多个手动图像？

2 个答案: