Flutter资源打包插件flutter_bundler的使用

Flutter Bundler 是一个用于在 Flutter 中读取通过 Bundler 生成的包的库。

使用方法

初始化 Bundler

方法一：从字节数据初始化

import 'package:flutter_bundler/flutter_bundler.dart';

// 使用 rootBundle 加载 bundle 文件并初始化 Bundler
Bundler.initFromByteData(
    "16CharSecureKey!", // 替换为您的16位安全密钥
    await rootBundle.load('bundle/bundle.bundle') // 替换为您的 bundle 文件路径
);

方法二：从文件初始化

import 'package:flutter_bundler/flutter_bundler.dart';

// 使用 File 对象加载 bundle 文件并初始化 Bundler
Bundler.init(
    "16CharSecureKey!", // 替换为您的16位安全密钥
    File("bundle/bundle.bundle") // 替换为您的 bundle 文件路径
);

使用 Bundler 读取资源

同步读取资源

// 同步读取 assets 目录下的文件
List<int> fileBytes = Bundler.instance.readAssetBytesSync("assets/images/profile.png");

// 将字节数组转换为图片或其他用途

异步读取资源

// 异步读取 assets 目录下的文件
List<int> fileBytes = await Bundler.instance.readAssetBytes("assets/images/profile.png");

// 将字节数组转换为图片或其他用途

读取虚拟文件

// 读取虚拟文件（如 assets 目录下的文件）
String fileContent = await Bundler.instance.readAssetFile("assets/config/settings.json");

// 将文件内容解析为 JSON 或其他用途

完整示例 Demo

以下是一个完整的示例，展示如何使用 flutter_bundler 插件来打包和读取资源。

1. 创建 Bundle 文件

首先，确保您已经使用 Bundler 工具生成了一个 .bundle 文件，并将其放置在项目的 bundle 文件夹中。

2. 初始化 Bundler

在应用启动时初始化 Bundler：

import 'package:flutter/material.dart';
import 'package:flutter_bundler/flutter_bundler.dart';
import 'dart:io';
import 'package:flutter/services.dart' show rootBundle;

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  [@override](/user/override)
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  List<int> _fileBytes = [];

  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化 Bundler
    Bundler.initFromByteData(
        "16CharSecureKey!", // 替换为您的16位安全密钥
        rootBundle.load('bundle/bundle.bundle') // 替换为您的 bundle 文件路径
    );
  }

  Future<void> _loadImage() async {
    // 异步读取 assets 目录下的文件
    _fileBytes = await Bundler.instance.readAssetBytes("assets/images/profile.png");
    setState(() {}); // 更新 UI
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Bundler 示例"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _loadImage,
              child: Text("加载图片"),
            ),
            SizedBox(height: 20),
            if (_fileBytes.isNotEmpty)
              Image.memory(_fileBytes), // 显示图片
          ],
        ),
      ),
    );
  }
}