颤振：不支持的操作：无法添加到不可修改的列表

Question

我在 StatelessWidget 中有一个 ListView。它有项目，每个项目都包含一个复选框。当有人检查项目时，我希望 ListView 将其作为参数发送到另一个页面。但是当我这样做时，它给了我这个错误：

I/flutter ( 7067): The following UnsupportedError was thrown while handling a gesture:
I/flutter ( 7067): Unsupported operation: Cannot add to an unmodifiable list
I/flutter ( 7067): When the exception was thrown, this was the stack:

这是我的代码

class StudentsList extends StatelessWidget {
  final List<Child> mList;
  StudentsList({this.mList});

  @override
  Widget build(BuildContext context) {
    List<Child> selectedList = [];

    return Container(
      margin: EdgeInsets.only(top: 50, bottom: 20),
      child: ListView.builder(
        shrinkWrap: true,
        physics: ClampingScrollPhysics(),
        itemCount: mList == null ? 0 : mList.length,
        padding: EdgeInsets.only(right: 10),
        itemBuilder: (BuildContext context, int position) {
          return GestureDetector(
            onTap: () {
              if (selectedList.isEmpty) {
                Navigator.push(
                  context,
                  new MaterialPageRoute(
                    builder: (BuildContext context) => SolokPage(
                      mChildList: [mList[position]],
                      isTeacher: true,
                    ),
                  ),
                );
              } else {
                if (!selectedList.contains(mList[position])) {
                  selectedList.add(mList[position]);
                }
                Navigator.push(
                  context,
                  new MaterialPageRoute(
                    builder: (BuildContext context) => SolokPage(
                      mChildList: selectedList,
                      isTeacher: true,
                    ),
                  ),
                );
              }
            },
            child: StudentItem(
              student: mList[position],
            ),
          );
        },
      ),
    );
  }
}

Answer 1

无状态小部件属性是不可变的

class StudentsList extends StatelessWidget {
  // final means, flutter will not change value in future
  final List<Child> mList; 
  StudentsList({this.mList});

为什么 ？

因为Flutter 不希望StatelessWidget 中存在业务逻辑。如果我们需要在 Student 列表中添加新的 Student，这被认为是业务逻辑。如果我们需要删除Student列表中的某个Student，这被认为是业务逻辑。

因此，通过使用无状态小部件，Flutter 将只关注它在屏幕上的显示方式，宽度是多少，约束条件等。

这就是为什么我们final在StatelessWidget.

类似于我们的大学生活。我们在最终报告中标记的成绩，即使在我们大学毕业后也不会改变。正如它在最终报告中所说的那样，它必须是最终的。

有状态的 Widget 属性是可变的

为什么 ？ 因为 Flutter 期望业务逻辑驻留在 StatefulWidget 中。

要进行的更改

所以我建议从这里更改 StudentsList Widget：

class StudentsList extends StatelessWidget {
  final List<Child> mList; // this is the issue
  StudentsList({this.mList});

到这个：

class StudentsList extends StatefulWidget {
  @override
  _StudentsListState createState() => _StudentsListState();
}

class _StudentsListState extends State<StudentsList> {
  // final List<Child> mList; // Do not mark this as final

  List<Child> mList;

  ...

}

工作存储库

您可以查看与您的问题密切相关的工作存储库。GitHub