Flutter Provider值为null问题：通过Provider传递Widget索引时获取值为空

问题分析 #

你遇到的null问题主要来自两个关键错误：

1. 没有正确更新Provider的状态：在轮播的onPageChanged回调里，你只是创建了Index对象，但没有通过Provider实例去更新ProvideIDX中的_selectedID状态，导致Provider始终持有初始的null值。
2. Provider的setter类型不匹配：ProvideIDX的selectedID setter参数是id，但你后续要传入的是整数索引，和Index类型不匹配，导致赋值逻辑失效。

修正步骤及代码示例 #

1. 修正ProvideIDX的状态管理逻辑

调整setter参数类型为整数，同时给_selectedID设置初始值（避免页面加载时为null）：

class ProvideIDX with ChangeNotifier{
  Index _selectedID = Index(id: 0); // 初始化为第一个索引，避免null
  // 接收int类型的索引，自动创建Index对象
  set selectedID(int id){
    this._selectedID = Index(id: id);
    notifyListeners(); // 通知监听的Widget更新
  }
  Index get selectedID => this._selectedID;
}

2. 正确更新Provider状态（修改onPageChanged回调）

移除不必要的setState，直接通过Provider实例更新索引，注意要添加listen: false（因为我们只更新状态，不需要监听变化）：

options: CarouselOptions(
  enableInfiniteScroll: true,
  scrollDirection: Axis.horizontal,
  onPageChanged: (index, reason) {
    // 通过Provider获取ProvideIDX实例并更新索引
    Provider.of<ProvideIDX>(context, listen: false).selectedID = index;
    print(index);
  },
),

3. 在Maposm中正确获取索引

现在可以安全地获取索引值，记得访问id属性：

@override
Widget build(BuildContext context) {
  final _passIDX = Provider.of<ProvideIDX>(context);
  final selectedIndex = _passIDX.selectedID.id; // 获取具体的索引值
  print(selectedIndex); // 现在会输出正确的索引，不再是null
  // ...你的其他Maposm代码
}

额外提示 #

如果你的项目启用了空安全，建议给Index和Places类的属性添加空安全修饰，避免潜在的空指针问题：

class Index {
  int id;
  Index({required this.id}); // 使用required确保id不为空
}

class Places {
  String name;
  LatLng coordxy;
  Places({required this.name, required this.coordxy}); // 同样处理Places类
}

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