颤振-从资源中读取文本文件

Question

我有一个文本文件（.txt），我想成为以后可以扫描的资源。

在pubspec.yaml，我已经确保：

flutter:
  assets:
    - res/my_file.txt

存在。该文件位于我创建的res/文件夹中，与lib/android/和ios/处于同一级别

我试图从自定义类读取文件，而不是小部件。

根据文档，我将使用此导入：

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

然后开始这样读：

/// Assumes the given path is a text-file-asset.
Future<String> getFileData(String path) async {
  return await rootBundle.loadString(path);
}

要获得实际数据，请执行以下操作：

String data = await getFileData(fileName);

但是，当我使用文件名时，比如的资产/res/my_文件。txt'，我得到一个错误：无法加载资产：资产/res/my_文件。txt。

同样值得注意的是，我试图从单元测试中做到这一点。关于如何正确地做到这一点有什么想法吗？谢谢！




Answer 1

在我看来，为了把JS文件加载到一个颤动中，你应该把它看作一个文本文件并适当地加载它。因此，您需要将该文件添加到assets文件夹，添加到pubspec文件中，然后加载它。在这里阅读完整答案

其次，您使用了evalJavascript。此功能可用于许多不同的情况。但只有当您有一个视图面板时，它才能工作。

检查下面的例子：

import 'dart:io';

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

main() async {
  String jsCode = await rootBundle.loadString('assets/javascript.js');

  runApp(new MaterialApp(
    home: LunchWebView(jsCode),
  ));
}

class LunchWebView extends StatelessWidget {
  final String text;
  LunchWebView(this.text);

  @override
  Widget build(BuildContext context) {
    final FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin();
    flutterWebviewPlugin.launch('https://www.google.com');
    flutterWebviewPlugin.evalJavascript(text);
    return Container();
  }
}

Answer 2

文件夹名“资产”并没有神奇地添加。更新您的pubspec。yaml以包括资产的完整路径。

flutter:
  assets:
    - assets/res/my_file.txt

Answer 3

这里有一个更完整的答案，供未来的游客参考。

在项目的根文件夹中创建资产文件夹。在Android Studio中，您可以右键单击项目大纲并转到“新建”

如果愿意，可以在assets中为文本文件创建另一个子文件夹。但是如果您这样做，您必须在pubspec中包含相对路径。亚马尔。见下文。

您只需将文本文件复制到assets目录中即可。my\u文件的相对路径。例如，txt将是资产/my_文件。txt。

打开项目根目录中的pubspec.yaml文件。

向颤振部分添加资产小节，如下所示：

flutter:
  assets:
    - assets/my_file.txt

如果您想包含多个文件，那么您可以删除文件名，只需使用目录名（包括最终/）：

flutter:
  assets:
    - assets/

您可以使用全局rootBundle获取文本文件资产：

import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;

Future<String> loadAsset() async {
  return await rootBundle.loadString('assets/my_text.txt');
}

或者，如果您有BuildContext（在小部件中），您可以使用DefaultAssetBundle。建议这样做，因为它允许在运行时切换资产包，这对多语言资产很有用。

Future<String> loadAsset(BuildContext context) async {
  return await DefaultAssetBundle.of(context).loadString('assets/my_text.txt');
}

• 正在加载文本资源
• 如何在应用程序中包含图像