Flutter问题：使用Text组件显示单个列表元素时触发RangeError

嘿，我来帮你搞定这个报错！你遇到的RangeError (index): Invalid value: Valid value range is empty: 9，原因其实很清晰：

错误根源 #

你的_names列表初始是空的[]，而加载文件的loadNames()是异步操作——在initState里调用_setup()后，Flutter会立刻执行第一次build方法，这时候_names还没被赋值（异步任务还没完成），你直接写Text(_names[9])就相当于在空列表里找第10个元素，自然会报错。

而ListView.builder能正常运行，是因为你设置了itemCount: _names.length：当列表为空时，itemCount是0，itemBuilder根本不会被调用，也就不会触发索引访问的错误。

解决方案 #

这里给你两种靠谱的处理方式：

方式1：添加状态判断，处理加载中/数据不足的情况

在build里先检查_names的状态，比如显示加载提示，或者当列表长度不够时显示替代文本：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Names')),
    body: Center(
      child: Container(
        padding: EdgeInsets.all(15),
        child: _names.isEmpty 
            ? Text('加载中...') // 数据还没加载完时显示
            : _names.length > 9 
                ? Text(_names[9]) // 列表长度足够时显示目标元素
                : Text('列表里没有第10个元素哦'), // 列表长度不足时的提示
      ),
    ),
  );
}

方式2：用FutureBuilder简化异步数据加载（更推荐）

直接用FutureBuilder来管理异步加载的状态，替代手动在initState里调用异步方法+setState的写法，代码更简洁也更易维护：

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  Future<List<String>> _loadNames() async {
    final content = await rootBundle.loadString('assets/Stulkur_A.txt');
    return LineSplitter().convert(content);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Names')),
      body: Center(
        child: Container(
          padding: EdgeInsets.all(15),
          child: FutureBuilder<List<String>>(
            future: _loadNames(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return Text('加载中...');
              } else if (snapshot.hasError) {
                return Text('加载出错：${snapshot.error}');
              } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
                return Text('没有数据哦');
              } else {
                final names = snapshot.data!;
                return names.length > 9 
                    ? Text(names[9]) 
                    : Text('列表元素不足10个');
              }
            },
          ),
        ),
      ),
    );
  }
}

这样不管是加载中、加载出错还是数据不足的情况，都能友好处理，不会再出现索引越界的错误啦！

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