Flutter点击子组件（如下拉框）时页面意外重绘问题求助

核心问题原因 #

1. Provider监听未设置listen: false触发全局重建 #

你的build方法中直接调用：

AuthenticationNotifier authenticationNotifier = Provider.of<AuthenticationNotifier>(context);

默认listen: true，只要AuthenticationNotifier内部有任何状态变更（哪怕和当前操作无关），都会触发整个页面的build。打开下拉菜单时，框架内部可能触发了Provider的状态更新（比如焦点、主题相关），导致页面重建。

2. FutureBuilder的Future每次build都重新创建 #

FutureBuilder的future参数直接绑定productCatalogNotifier.getProducts()的调用，每次页面build都会重新发起请求，这是打开下拉菜单后列表反复加载的直接原因。

3. 自定义下拉组件可能存在内部状态变更 #

虽然你注释了自己的setState，但CustomDropDownButtonFormField内部如果在展开菜单时用setState管理展开状态，也会触发父组件重建。

修复方案 #

1. 优化Provider监听方式 #

将全局的Provider.of改为listen: false，或用Consumer包裹仅需要该状态的组件，避免整个页面重建：

// 方式1：设置listen: false
AuthenticationNotifier authenticationNotifier = Provider.of<AuthenticationNotifier>(context, listen: false);

// 方式2：用Consumer包裹需要状态的局部组件
Consumer<AuthenticationNotifier>(
  builder: (context, authNotifier, _) {
    return FutureBuilder(
      future: productCatalogNotifier.getProducts(
        token: authNotifier.token,
        // 其他参数...
      ),
      // builder逻辑...
    );
  },
)

2. 缓存Future避免重复请求 #

将getProducts的调用移到initState或用变量缓存，仅在参数变化时重新发起请求：

late Future<List<ProductCatalogModel>> _productsFuture;

@override
void initState() {
  super.initState();
  _refreshProducts();
}

void _refreshProducts() {
  final authNotifier = Provider.of<AuthenticationNotifier>(context, listen: false);
  final cUserAppInstitutionModel = authNotifier.getSelectedUserAppInstitution();
  _productsFuture = Provider.of<ProductCatalogNotifier>(context, listen: false).getProducts(
    context: context,
    token: authNotifier.token,
    idUserAppInstitution: cUserAppInstitutionModel.idUserAppInstitution,
    idCategory: widget.childCategoryCatalogModel.idCategory,
    readAlsoDeleted: false,
    numberResult: numberResult,
    nameDescSearch: nameDescSearchController.text,
    orderBy: orderBy,
    readImageData: readImageData,
    shoWVariant: true,
    viewOutOfAssortment: viewOutOfAssortment,
  );
}

// 下拉菜单选择后触发刷新
void onChangeNumberResult(value) {
  setState(() {
    numberResult = value!;
  });
  _refreshProducts();
}

// FutureBuilder使用缓存的Future
FutureBuilder(
  future: _productsFuture,
  // builder逻辑...
)

3. 优化自定义下拉组件的状态管理 #

检查CustomDropDownButtonFormField内部实现，避免在展开/收起菜单时使用setState，可以用ValueNotifier结合AnimatedBuilder，或用StatelessWidget+GestureDetector管理展开状态，减少不必要的父组件重建。

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