Flutter：如何在FutureBuilder<List<dynamic>>内的ListView.builder中调用setState？

问题根源 #

你将truckerPageView定义为类的final成员变量，属于类初始化器的一部分。在类实例初始化阶段，State的实例成员（比如setState）还未完全就绪，直接在这个列表内的AcceptBidCard回调中调用setState，就会触发The instance member 'setState' can't be accessed in an initializer错误。

解决方案 #

方案1：将truckerPageView改为Getter方法（推荐） #

把原本的final成员变量改成返回Widget列表的getter方法，这样Widget的创建会延迟到build阶段，此时State已经完成初始化，可正常访问setState：

// 替换原来的final List<Widget> truckerPageView = <Widget>[...]
List<Widget> get truckerPageView {
  return <Widget>[
    // New bids
    FutureBuilder<List<dynamic>>(
      // 优化：将future存为成员变量，避免每次build重复请求
      future: _newBidsFuture,
      builder: (context, snapshot) {
        if (!snapshot.hasData) {
          return const Center(child: CircularProgressIndicator());
        }
        final trips = snapshot.data!;
        return ListView.builder(
          itemCount: trips.length,
          itemBuilder: ((context, index) {
            final trip = trips[index];
            return AcceptBidCard(
              fromLocation:
                  '${trip['from_address']['name']}, ${trip['from_address']['country']}',
              toLocation:
                  '${trip['to_address']['name']}, ${trip['to_address']['country']}',
              bidderName: trip['customer_name'],
              date: DateFormat('dd-MM-yyyy')
                  .format(DateTime.parse(trip['trip_date'])),
              tripId: trip['trip_id'],
              onPressed: (pressed) {
                setState(() {
                  // 这里编写点击后的业务逻辑，比如更新bid状态、刷新数据等
                });
              },
            );
          }),
        );
      },
    ),
  ];
}

方案2：优化Future的创建（避免重复请求） #

直接在FutureBuilder中传入BidRepository().bidsTrucker('new')会导致每次build都重新发起网络请求，建议将Future存为State的成员变量，在initState中初始化：

class _BidScreenState extends State<BidScreen>
    with AutomaticKeepAliveClientMixin {
  // 添加成员变量存储Future
  late Future<List<dynamic>> _newBidsFuture;

  @override
  void initState() {
    super.initState();
    getProfileTypeFromSharedPref();
    // 初始化Future
    _newBidsFuture = BidRepository().bidsTrucker('new');
  }

  // ... 其他代码不变
}

额外注意点 #

如果需要点击按钮后刷新列表数据，仅调用setState不够，还需要重新获取最新的数据源。可以在onPressed中重新赋值_newBidsFuture并调用setState：

onPressed: (pressed) {
  setState(() {
    // 重新获取最新的bid数据
    _newBidsFuture = BidRepository().bidsTrucker('new');
    // 其他业务逻辑
  });
},

内容的提问来源于stack exchange，提问作者T.MUHAMMED SHIJAS