Flutter:如何加载和显示 CSV 文件内容?

CSV(Comma-Separated Values,逗号分隔值)是一种广泛用于存储表格数据(数字和文本)的文件类型,它以纯文本格式存储,其中每行具有相同数量的字段。在本文中,我们将探讨如何在 Flutter 中读取 CSV 文件内容并将其显示在屏幕上。

步骤

  1. 将 CSV 文件复制到项目根目录的 assets 文件夹中(如果不存在,请创建一个)。不要忘记在 pubspec.yaml 文件中声明此 assets 文件夹。

以下部分特定于 Flutter。

flutter:
  assets:
    - assets/
  1. 通过执行以下命令来安装 csv 包
flutter pub add csv

然后运行

flutter pub get
  1. 添加以下方法来加载 csv 文件。

List<List<dynamic>> _data = [];

  // This function is triggered when the floating button is pressed
  void _loadCSV() async {
    final _rawData = await rootBundle.loadString("assets/kindacode.csv");
    List<List<dynamic>> _listData =
        const CsvToListConverter().convert(_rawData);
    setState(() {
      _data = _listData;
    });
  }

预览

Screenshot_1672434494

享受吧?

GitHub

查看 Github