Flutter表单中根据选中类型动态显示选项的问题求助

你的Visibility组件无法正常动态切换显示/隐藏，核心问题出在两处：

1. 修改状态变量isApartmentSelected后未调用setState()，导致Flutter无法感知状态变化并重建UI
2. 仅在选中Apartment时设置isApartmentSelected = true，切换其他选项时未将其重置为false

修复代码： #

更新DropdownButtonFormField的onChanged回调，确保每次选项变更都触发状态更新：

DropdownButtonFormField(
  decoration: const InputDecoration(
      labelText: 'Property Type',
      border: OutlineInputBorder()),
  items: const [
    DropdownMenuItem(
      value: 'Apartment',
      child: Text('Apartment'),
    ),
    DropdownMenuItem(
      value: 'Plot',
      child: Text('Plot'),
    ),
    DropdownMenuItem(
      value: 'Villa',
      child: Text('Villa'),
    ),
    DropdownMenuItem(
      value: 'Farm Land',
      child: Text('Farm Land'),
    ),
    DropdownMenuItem(
      value: 'Commercial',
      child: Text('Commercial'),
    ),
  ],
  onChanged: (values) {
    setState(() { // 调用setState触发UI重建
      propertyType = values!;
      isApartmentSelected = propertyType == 'Apartment'; // 自动处理true/false逻辑
    });
  },
),

扩展优化建议： #

如果需要为其他房产类型显示对应字段，可以直接根据propertyType值控制Visibility，无需额外维护多个布尔状态：

// 显示Apartment专属字段
Visibility(
  visible: propertyType == 'Apartment',
  child: TextFormField(labelText: 'No. of Floors', ...),
),
// 显示Plot专属字段
Visibility(
  visible: propertyType == 'Plot',
  child: TextFormField(labelText: 'Plot Area', ...),
),

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