Flutter中SetState触发后条件渲染Widget未更新问题求助

你遇到的问题核心在于：BottomSheet的Widget树是独立于页面主Widget树的。当你通过scaffoldKey.currentState.showBottomSheet创建BottomSheet时，它会被附加到Flutter的Overlay层，不属于当前页面StatefulWidget的Widget树。所以即使你调用页面的setState更新_showCurrentLocalTile，BottomSheet里的条件渲染部分也不会自动重建——因为它根本感知不到页面State的变化。

这个方案最简洁，不需要重构大量代码，只需要调整状态管理方式：

1. 把普通bool变量改成ValueNotifier #

在你的State类里，把原来的bool _showCurrentLocalTile = false;替换成：

final ValueNotifier<bool> _showCurrentLocalTile = ValueNotifier(false);

ValueNotifier是Flutter自带的轻量状态管理类，专门用来监听单个值的变化。

2. 更新焦点回调的逻辑 #

不需要再调用setState了，直接修改ValueNotifier的value即可：

// 聚焦时
focusGained: () {
  _pauseStream(stream: Streams.dropoff);
  _startStream(stream: Streams.pickup);
  _showCurrentLocalTile.value = true; // 直接更新值
},

// 失焦时
focusLost: () {
  _showCurrentLocalTile.value = false; // 直接更新值
  _pauseStream(stream: Streams.dropoff);
},

3. 用ValueListenableBuilder包裹条件渲染的Widget #

把你原来的条件渲染代码替换成下面的结构，让它监听ValueNotifier的变化：

ValueListenableBuilder<bool>(
  valueListenable: _showCurrentLocalTile,
  builder: (context, shouldShow, child) {
    return shouldShow 
        ? GestureDetector(
            onTap: () {
              _setPickupAddressToAutoComplete(_currentAddress);
              print(_currentAddress);
            },
            child: Container(
              height: 48,
              child: Padding(
                padding: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0.0),
                child: Row(
                  children: <Widget>[
                    Icon(Icons.my_location),
                    Padding(
                      padding: EdgeInsets.only(left: 8.0, top: 0.0, bottom: 0.0),
                      child: Text("Current Location"),
                    )
                  ],
                ),
              ),
            ),
          )
        : SizedBox(height: 15.0);
  },
),

这样只要_showCurrentLocalTile.value变化，ValueListenableBuilder就会自动重建内部的Widget，不管它在BottomSheet还是页面里。

4. 重置状态（可选但推荐） #

在BottomSheet关闭时，把状态重置为false，避免下次打开BottomSheet时状态异常：

.whenComplete(() {
  if (mounted) {
    _showCurrentLocalTile.value = false; // 重置状态
    setState(() {
      _showPersBottomSheetCallBack = _showBottomSheet;
    });
  }
});

再强调一次：BottomSheet是挂载在Overlay层的独立Widget树，它的生命周期和页面主Widget树是分离的。页面的setState只会触发主Widget树的重建，不会影响已经显示的BottomSheet。而ValueNotifier是跨Widget树的状态载体，ValueListenableBuilder可以在任何地方监听它的变化，完美解决这个问题。

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