如何将 csv 数据从文件选择器转换为动态列表？

Question

我创建了用户可以加载 csv 文件的应用程序，并且我希望将 csv 数据放入地图中，以便我可以制作删除功能或其他任何东西....有人可以帮助我，因为我一直在寻找它，它显示了如何转换 csv使用 loadasset 包，我想从手机存储中挑选文件

示例：convert data from a csv to a dynamic List (Flutter)

I/flutter ( 4028): [[No,  Name,  Code], [1,  Ali,  A123], [2,  Abu,  B456], [3,  Amir,  C789], [4,  Safe,  D098], [5,  Alif,  E765 ]]

这是我的代码

Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("CSV DATA"),
          backgroundColor: Colors.redAccent[400],
        ),
        body: Container(
            child: SingleChildScrollView(
          child: Column(children: <Widget>[
            FutureBuilder(
              future: loadingCsvData(path),
              builder: (context, AsyncSnapshot<List<dynamic>> snapshot) {
                print(snapshot.data.toString());
                return snapshot.hasData
                    ? ListView(
                        scrollDirection: Axis.vertical,
                        shrinkWrap: true,
                        children: snapshot.data.map((data) {
                          return Visibility(
                              visible: visibilityController,
                              child: //Your card
                                  Card(
                                child: GestureDetector(
                                  onTap: () {
                                    withInputField(context);
                                    controller.text = data[1];
                                    _controller.text = data[2];
                                    setState(() {});
                                  },
                                  child: ListTile(
                                    title: Text(
                                      data[1].toString(),
                                      style: TextStyle(
                                          fontWeight: FontWeight.bold),
                                    ),
                                    subtitle: Text(data[2].toString()),
                                    isThreeLine: true,
                                    trailing: IconButton(
                                      icon: Icon(Icons.delete),
                                      onPressed: () {},
                                    ),
                                  ),
                                ),
                              ));
                        }).toList(),
                      )
                    : Center(
                        child: CircularProgressIndicator(),
                      );
              },
            ),
          ]),
        )),

这是我的文件选择器功能

Future<List<List<dynamic>>> loadingCsvData(String path) async {
    final csvFile = new File(path).openRead();
    return await csvFile
        .transform(utf8.decoder)
        .transform(
          CsvToListConverter(),
        )
        .toList();
  }

编辑

我的获取数据

FutureBuilder(
              future: loadingCsvData(path),
              builder: (context,
                  AsyncSnapshot<Map<int, Map<String, dynamic>>> snapshot) {
                print(snapshot.data.toString());
                return snapshot.hasData
                    ? ListView(
                        scrollDirection: Axis.vertical,
                        shrinkWrap: true,
                        children: [
                          Card(
                            child: ListTile(
                              title: Text(userList.toString()),
                            ),
                          )
                        ],
                      )
                    : Center(
                        child: CircularProgressIndicator(),
                      );
              },
            ),

这样做对吗

Answer 1

我会为您要读取的对象创建一个模型。

在模型中，我会准备一些函数来转换 Map<String, dynamic> 中的单个行并转换 Map<int, Map<String, dynamic>> 中的行列表。

这是一个例子：

//I suppose your single row element to be an User
class User {
  
  User({
    No,
    Name,
    Code,
  }) {
    this.No = No;
    this.Name = Name;
    this.Code = Code;
  }

  //Parameters
  int? No;
  String? Name;
  String? Code;

  // A map with an String key and dynamic value
  static Map<String, dynamic> userToMap(List<dynamic> row) {
    return {
      if (row[0] != null) 'No': row[0] as int,
      if (row[1] != null) 'Name': row[1] as String,
      if (row[2] != null) 'Code': row[2] as String
    };
  }

  // A map with an int key and Map<String, dynamic> value
  static Map<int, Map<String, dynamic>> userListToMap(
      List<List<dynamic>> userList) {
    userList.removeAt(0); //If you want to remove the first row containing the headers
    return userList.map((user) => userToMap(user)).toList().asMap();
  }
}

然后您可以获取从您的方法 loadingCsvData 返回的 List<List<dynamic>> 并调用 userListToMap。

更新： 写完我的答案后，我注意到您实际上并不需要我构建的类，您可以单独使用 userToMap 和 userListToMap 函数，它应该可以工作。

编辑：

您可以将您的 loadingCsvData 更改为如下所示：

  Future<Map<int, Map<String, dynamic>>> loadingCsvData(String path) async {
    final csvFile = new File(path).openRead();
    return userListToMap(await csvFile
        .transform(utf8.decoder)
        .transform(
      CsvToListConverter(),
    ).toList());
  }