Flutter动态资源交付插件flutter_play_asset_delivery的使用

Flutter 动态资源交付插件 flutter_play_asset_delivery 的使用

flutter_play_asset_delivery 插件允许我们将超过 150 MB 的 App Bundle 上传到 Google Play 商店。以下是使用此插件进行动态资源交付的详细步骤。

系统支持

• ✅ Android
• ❌ iOS 替代方案

测试资产

编辑 Android 的运行/调试配置，并将 部署 更改为 APK from app bundle。

示例代码

以下是一个完整的示例代码，演示了如何使用 flutter_play_asset_delivery 插件获取并显示一个动态资源文件。

import 'dart:io';

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter_play_asset_delivery/flutter_play_asset_delivery.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late Future<File> image;

  [@override](/user/override)
  void initState() {
    super.initState();

    // 获取一个资产文件（例如：图片）
    image = FlutterPlayAssetDelivery.getAssetFile("flutter.png");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: FutureBuilder(
            future: image,
            builder: (_, AsyncSnapshot<File> snapshot) {
              if (!snapshot.hasData) return const CircularProgressIndicator();
              // 显示获取到的图片
              return Image.file(snapshot.data!);
            },
          ),
        ),
      ),
    );
  }
}

代码说明

1. 导入必要的包

   import 'dart:io';
   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:flutter_play_asset_delivery/flutter_play_asset_delivery.dart';
   

2. 主应用类

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

3. 定义状态管理类

   class MyApp extends StatefulWidget {
     const MyApp({Key? key}) : super(key: key);
   
     [@override](/user/override)
     State<MyApp> createState() => _MyAppState();
   }
   

4. 初始化状态

   class _MyAppState extends State<MyApp> {
     late Future<File> image;
   
     [@override](/user/override)
     void initState() {
       super.initState();
   
       // 获取一个资产文件（例如：图片）
       image = FlutterPlayAssetDelivery.getAssetFile("flutter.png");
     }
   

   在 initState 方法中，我们调用了 getAssetFile 方法来获取指定路径下的资源文件。

5. 构建用户界面

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         appBar: AppBar(
           title: const Text('插件示例应用'),
         ),
         body: Center(
           child: FutureBuilder(
             future: image,
             builder: (_, AsyncSnapshot<File> snapshot) {
               if (!snapshot.hasData) return const CircularProgressIndicator();
               // 显示获取到的图片
               return Image.file(snapshot.data!);
             },
           ),
         ),
       ),
     );
   }