assets_indexer #

在 Dart/Flutter 项目中为您的资源生成索引常量！灵感来自 Android 的 R.java 概念。

安装 #

dev_dependencies:
  assets_indexer: ^0.0.11

此外，别忘了添加：

dev_dependencies:
  build_runner:

使用 #

运行以下命令以生成索引文件：

flutter packages pub run build_runner build

输出 #

您可以在以下路径找到生成的资产类文件：

lib/generated/<asset_dir_name>.asset.dart

示例用法 #

在 `pubspec.yaml` 中

flutter:
  assets:
    - assets/images

在 `<widget>.dart` 文件中

import 'package:example_app/generated/images.asset.dart';
import 'package:flutter/material.dart';

class Home extends StatelessWidget {

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Image.asset(Images.icon, width: 100)
      )
    );
  }
}

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:assets_generator_example/generated/images.asset.dart';
// 由于 'Icons' 是 material.dart 中内置的类，我们可以简单地将其别名为 'app_icons'
import 'package:assets_generator_example/generated/icons.asset.dart'
    as app_icons;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(title: Text('Assets indexer Demo')),
        body: ListView(
          children: [
            Image.asset(Images.a), // 使用生成的 Images 类
            // 由于 'Icons' 是 material.dart 中的内置类，我们将其别名为 'app_icons'
            Image.asset(app_icons.Icons.b) // 使用生成的 Icons 类
          ],
        ),
      ),
    );
  }
}

更多关于Flutter资源索引插件assets_indexer的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

htzhanglong 1楼•16 天前

更多关于Flutter资源索引插件assets_indexer的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

assets_indexer 是一个用于 Flutter 项目的插件，它可以帮助开发者自动生成资源文件的索引，使得在代码中引用资源时更加方便和高效。通过使用 assets_indexer，你可以避免手动维护资源文件的路径，减少错误并提高开发效率。

安装 `assets_indexer`

首先，你需要在 pubspec.yaml 文件中添加 assets_indexer 依赖项：

dev_dependencies:
  assets_indexer: ^1.0.0

然后运行 flutter pub get 来安装插件。

配置 `assets_indexer`

在项目的根目录下创建一个 assets_indexer.yaml 配置文件，用于指定要索引的资源文件路径和生成的索引文件的路径。

# assets_indexer.yaml

# 指定要索引的目录
assets:
  - assets/images/
  - assets/icons/

# 指定生成的索引文件路径
output: lib/generated/assets_index.dart

使用 `assets_indexer`

在终端中运行以下命令来生成资源索引文件：

flutter pub run assets_indexer

运行命令后，assets_indexer 会根据配置文件中的设置，生成一个包含所有资源文件路径的 Dart 文件。例如，生成的 lib/generated/assets_index.dart 文件可能如下所示：

// Generated by assets_indexer

class Assets {
  static const String imageLogo = 'assets/images/logo.png';
  static const String iconHome = 'assets/icons/home.png';
  // Add more assets here...
}

在代码中使用生成的索引

现在你可以在代码中使用生成的索引来引用资源文件，而不需要手动输入路径：

import 'generated/assets_index.dart';

class MyWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Image.asset(Assets.imageLogo);
  }
}

Flutter资源索引插件assets_indexer的使用