在 Flutter Web 应用中添加和读取 JSON 资产答案

【问题标题】：adding and reading a JSON asset in Flutter Web app在 Flutter Web 应用中添加和读取 JSON 资产
【发布时间】：2022-09-27 13:14:29
【问题描述】：

在 Flutter Web 应用程序中读取资产时遇到问题。我已经在 pubspec.yaml 中声明了它

但是当我尝试用await rootBundle.loadString(\'test/sample_text.json\'); 加载它时，我总是会遇到同样的错误Error while trying to load an asset: Failed to load asset at \"assets/test/sample_text.json\" 开发移动设备时从未遇到过这样的问题

标签： json flutter flutter-dependencies flutter-web assets

【解决方案1】：

正确的做法是packages/$your_package/assets/test/sample_text.json

【讨论】：

【解决方案2】：

网络中的资产放在另一个assets/ 目录下，导致路径为assets/assets/....

创建一个简单的函数，例如在 lib/utils.dart 中：

import 'package:flutter/foundation.dart';

String path(str) {
  return (kIsWeb) ? 'assets/$str' : str;
}

使用此函数包装任何路径字符串，例如

AssetImage(path('assets/test/sample_text.json')).

【讨论】：

所以你提议做同样的 assets/test/sample_text.json。正如我在问题中提到的那样，它不起作用
我已经编辑了我的答案。它应该是‘assets/assets/test/sample_text.json’