Flutter如何将选中的ListTile传递到其他页面

你现有代码存在两个核心问题：一是_checkedValue初始化时机错误，州列表为异步加载，初始化时_statesList为空，生成的布尔状态列表长度为0，数据加载完成后也未同步更新，会触发索引越界；二是没有单独存储选中的州实体，点击保存时无法直接获取选中值做页面传参。按以下步骤修改即可：

• 调整状态变量定义
  去掉_checkedValue的late final修饰，新增可空变量存储选中的州实体，避免后续无法更新状态：

// 州列表数据源
List<UsaStatesModel> _statesList = [];
// 选项勾选状态列表
List<bool> _checkedValue = [];
// 存储当前选中的州，未选中时为null
UsaStatesModel? _selectedState;

• 同步更新状态列表
  在Bloc的监听回调中，州列表加载完成后同步初始化勾选状态列表，避免长度不匹配：

listener: (context, state) {
  if (state is StatesLoadedState) {
    _statesList = state.states;
    // 初始化全量未选中的状态列表，长度与州列表一致
    _checkedValue = List.generate(_statesList.length, (index) => false);
    _selectedState = null;
    setState(() {});
  }
},

• 修改选项点击逻辑
  点击选项时，除了更新勾选状态，同步给选中州变量赋值：

void _checkState(int index) {
  setState(() {
    // 先重置所有选项为未选中
    for (var i = 0; i < _checkedValue.length; i++) {
      _checkedValue[i] = false;
    }
    // 标记当前点击项为选中
    _checkedValue[index] = true;
    // 存下选中的州实体
    _selectedState = _statesList[index];
  });
}

• 补全保存按钮逻辑
  点击保存时先校验是否已选中州，再通过路由把选中值传递到目标页面：

actions: GestureDetector(
  onTap: () {
    // 未选中时弹出提示，避免传空值
    if (_selectedState == null) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('请先选择一个州')),
      );
      return;
    }
    // 路由传参跳转，以下为普通路由示例，命名路由传arguments逻辑一致
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => YourTargetPage(selectedState: _selectedState!),
      ),
    );
  },
  child: const Icon(
    Icons.save,
    size: 26.0,
  ),
),

额外注意：你原有代码中AppBar的title属性后缺失逗号，会触发语法错误，记得补全为title: const Text('States'),。

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