颤振：RangeError（索引）：无效值：不在包含范围0中。。27: 28

Question

大家好，我是flutter初学者，在练习刷卡解雇选项时，我已经完成了下面提到的代码，删除了一些产品后，我收到了下面的错误，我试图解决这个问题，但不能，请给我提供您的宝贵建议。

下面我附上了代码和错误供您参考。

======== 由小部件库捕获的异常 ======================================================= 抛出了以下RangeError构建：RangeError（index）：无效值：不包括范围0...27:28

当抛出异常时，这是堆栈：#0 List.[]（dart： core-patch/growable_array.dart:254： 60）#1 MyHome.build.（包： flutterswecpedisMIS/main.dart:34： 27）#2 SliverChildBuilderDelegate.build（包： flutter/src/小部件/<--_build（软件包：flutter/src/小部件/sliver.dart:1201： 28）#4 SliverMultiBoxAdaptorElement.create儿童。

主要的飞奔

  import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHome(),
    );
  }
}

class MyHome extends StatelessWidget {
  final List<String> items =
      List<String>.generate(30, (i) => "Product ${i + 1}");
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Delete panna sidela thallu"),
      ),
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, int index) {
          return Dismissible(
            key: Key(items[index]),
            onDismissed: (direction) {
              items.removeAt(index);
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Text("Item Dismissed."),
                ),
              );
            },
            background: Container(
              color: Colors.red,
            ),
            child: ListTile(
              title: Text("${items[index]}"),
            ),
          );
        },
      ),
    );
  }
}

Answer 1

我不能理解问题的原因，但我能够解决它通过转换MyHome小部件到StatefulWidget，并调用setState删除项目。

这是新的代码：

class MyHome extends StatefulWidget {
  @override
  _MyHomeState createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {
  final List<String> items =
      List<String>.generate(30, (i) => "Product ${i + 1}");
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Delete panna sidela thallu"),
      ),
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, int index) {
          return Dismissible(
            key: Key(items[index]),
            onDismissed: (direction) {
              setState(() {
                items.removeAt(index);
              });
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Text("Item Dismissed."),
                ),
              );
            },
            background: Container(
              color: Colors.red,
            ),
            child: ListTile(
              title: Text("${items[index]}"),
            ),
          );
        },
      ),
    );
  }
}