Flutter向List添加元素时列表长度无变化的问题如何解决？

常见原因及对应解决方法 #

• itemList实例不统一
  当前AddTask页面使用的itemList为页面内局部变量，和列表展示页的itemList不属于同一个实例，添加操作仅作用于局部临时变量，不会修改上层页面的原始列表，所以看不到长度变化。
  解决方法：

  1. 跳转AddTask页面时通过构造方法将上层列表的引用传入，保证两个页面操作的是同一个列表实例
  2. 采用Provider、Riverpod等状态管理方案全局维护itemList，所有页面共享同一个列表实例

• pop操作时机错误
  现有代码将Navigator.pop(context)放在setState回调内，页面销毁操作先于列表修改的生效逻辑执行，导致添加操作未被正确落地。
  解决方法：
  将页面退出逻辑移到setState外部，修改后的代码如下：

ElevatedButton(
  onPressed: () {
    setState(() {
      itemList.add(
        ListItems(
          title: _titleController.text,
          text: _textController.text,
          selectedDayTime: _selectedDay,
        ),
      );
    });
    print(itemList.length);
    Navigator.pop(context);
  },
  child: Text("Add Task"),
),

• 入参无效/未初始化
  _titleController、_textController未正确绑定输入框，或者_selectedDay未赋值的情况下，添加的ListItems实例没有有效内容，会被误判为添加失败。
  解决方法：
  添加前先打印入参校验有效性，确认参数都有值之后再执行添加逻辑：

debugPrint('title: ${_titleController.text}, text: ${_textController.text}, selectedDay: $_selectedDay');

• 列表未初始化
  如果itemList定义为可空类型List<ListItems>? itemList且未做初始化，调用add方法时会触发空安全异常，如果异常被try-catch吞掉就会出现添加无响应的情况。
  解决方法：
  初始化列表：List<ListItems> itemList = [];

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