flutter - 资产图像文件路径颤动？

Question

我想发布一个带有预填充 Sqflite 数据库的应用程序（可以由用户修改）。

我已经添加了 100 个图像作为资产，需要将它们作为文件图像而不是资产图像读取（因此很容易在不同的屏幕中读取和加载图像，而无需复制图像）。

因此需要知道如何获取存储在 Assets 文件夹中的图像的文件路径（路径将在 sqflite 数据库中硬编码）。

向正确的方向推动是值得赞赏的。

Answer 1

在 sqflite 中保留路径，例如“assets/images/1.png”并使用 rootBundle 访问
您不需要绝对路径，例如 /sdcard0/...。
仅保留资产路径

ByteData imageData1 = await rootBundle.load('assets/images/1.png');

使用 ByteData 列表保存图像

List<ByteData> imageList = [];

用 ListView 用 Image.memory 显示图像

return Image.memory(imageList[index].buffer.asUint8List());

完整代码

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  List<ByteData> imageList = [];

  void _incrementCounter() async{
    ByteData imageData1 = await rootBundle.load('assets/images/1.png');
    ByteData imageData2 = await rootBundle.load('assets/images/2.png');
    print(imageData1.toString());
    imageList.add(imageData1);
    imageList.add(imageData2);

    setState(() {
      _counter++;

      print(imageList.length.toString());
    });



  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView.builder(
        itemCount: imageList.length,
        itemBuilder: (context, index) {
          return Image.memory(imageList[index].buffer.asUint8List());
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

Answer 2

我也遇到过这种情况，因为我想用存储在资产中的图像预填充我的 Hive 数据库，而我的应用程序使用 FileImage 来加载图像。

我发现你不能引用位于 Assets 中的文件或图像路径，因为它一直在变化，所以更好：

1. 使用rootBundle.load加载图像/文件
2. 使用writeAsBytesSync复制图像/文件
3. 使用复制图像的路径并从那里加载它

参考

您还可以使用 Android Studio 中的设备文件资源管理器来检查资产文件夹的位置，并亲自查看它是否正在更改。根据我的经验，它位于 code_cache > build > flutter_assets > assets。

Answer 3

所以你想从数据库中读取图像并将它们加载到屏幕上，而不是从应用程序资产中读取它们？我认为 Flutter 从应用程序资产中加载它们的速度更快，而且没有数据库查询的开销。