使用Flutter csv包配合rootBundle加载assets中csv文件报错如何解决？

rootBundle.loadString()是异步方法，返回值为Future<String>类型，你未等待异步操作完成就直接将Future对象传入要求String类型入参的convert方法，同时如果这两个变量是声明在类的初始化器中，也会触发「无法在初始化器中访问实例成员」的报错。

方案1：封装异步处理方法 #

将CSV读取、解析逻辑封装为异步方法，通过await等待资源加载完成后再执行解析：

// 异步读取并解析CSV资源
Future<List<List<dynamic>>> loadCsvData() async {
  final String csvContent = await rootBundle.loadString('assets/csv_file.txt');
  return CsvToListConverter(eol: '\n\r', fieldDelimiter: '\t').convert(csvContent);
}

// 调用方法示例
void processCsv() async {
  final List<List<dynamic>> csvResult = await loadCsvData();
  // 此处处理解析后的CSV数据
}

方案2：Widget中使用FutureBuilder渲染 #

如果需要加载完成后直接在页面展示数据，可配合FutureBuilder实现异步渲染：

class CsvPage extends StatefulWidget {
  const CsvPage({super.key});

  @override
  State<CsvPage> createState() => _CsvPageState();
}

class _CsvPageState extends State<CsvPage> {
  late Future<List<List<dynamic>>> _csvFuture;

  @override
  void initState() {
    super.initState();
    // 提前初始化Future，避免每次build重复加载
    _csvFuture = loadCsvData();
  }

  Future<List<List<dynamic>>> loadCsvData() async {
    final String csvContent = await rootBundle.loadString('assets/csv_file.txt');
    return CsvToListConverter(eol: '\n\r', fieldDelimiter: '\t').convert(csvContent);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<List<dynamic>>>(
      future: _csvFuture,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        if (snapshot.hasError) {
          return Center(child: Text('加载失败：${snapshot.error}'));
        }
        final csvData = snapshot.data!;
        // 自定义渲染逻辑
        return ListView.builder(
          itemCount: csvData.length,
          itemBuilder: (context, index) => Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(csvData[index].join(' | ')),
          ),
        );
      },
    );
  }
}

内容的提问来源于stack exchange，提问作者Pixel Uvw