Flutter自定义DropDown组件多数据源断言失败问题求助

你遇到的这两个问题其实根源都是状态管理不当，咱们一步步拆解解决：

问题1：多个Dropdown选中值同步变化 #

你把_chosenValue1定义成了全局变量，这意味着所有DropDown组件实例都会共享同一个选中值。不管操作哪个下拉框，都会修改这个全局变量，导致所有下拉框的选中状态同步更新。

问题2：使用不同数据源时触发断言错误 #

当你切换到不同数据源的Dropdown时，全局的_chosenValue1可能还保留着之前另一个数据源里的选中值，而当前Dropdown的items列表里并没有这个值。Flutter的DropdownButton有严格的断言检查：value必须是items中的某一项，或者为null，否则就会抛出你看到的那个错误。

完整解决方案：让每个Dropdown拥有独立状态 #

把选中值从全局变量移到_DropDownState内部，每个DropDown实例维护自己的选中状态，这样既不会互相干扰，也能避免断言错误。

修改后的代码如下：

class DropDown extends StatefulWidget { 
  const DropDown({ 
    required this.data, 
    required this.hint, 
    Key? key, 
  }) : super(key: key); 
  final List<String> data; 
  final String hint; 
  @override 
  _DropDownState createState() => _DropDownState(); 
} 

class _DropDownState extends State<DropDown> { 
  // 将选中值移到State内部，每个实例独立拥有
  String? _selectedValue;

  @override 
  Widget build(BuildContext context) { 
    return SingleChildScrollView( 
      child: Container( 
        width: 250, 
        padding: const EdgeInsets.all(0.0), 
        child: DropdownButton<String>( 
          iconSize: 30, 
          isExpanded: true, 
          value: _selectedValue, // 使用当前实例的选中值
          items: widget.data.map<DropdownMenuItem<String>>((String value) { 
            return DropdownMenuItem<String>( 
              value: value, 
              child: Text(value), 
            ); 
          }).toList(), 
          hint: Text( 
            widget.hint, 
            style: const TextStyle( 
              color: Colors.black, 
              fontSize: 13, 
              fontWeight: FontWeight.w600, 
            ), 
          ), 
          onChanged: (String? value) { 
            setState(() { 
              _selectedValue = value; // 更新当前实例的选中值
            }); 
          }, 
        ), 
      ), 
    ); 
  } 
} 

// 使用方式不变，每个DropDown现在有独立状态
DropDown( 
  data: [ 
    'Non-Blanchable', 
    'Partial thickness skin', 
    'Full thickness skin loss involving damage or necrosis', 
    'Obscured by necrosis' 
  ], 
  hint: 'Assessment 1',
), 
DropDown( 
  data: [ 
    'Indistinct, diffuse,none ', 
    'Distinct,outline clearly' 
  ], 
  hint: 'Assessment 2',
),

关键修改点说明 #

• 移除了全局的_chosenValue1，在_DropDownState内部定义String? _selectedValue，每个DropDown实例的状态独立。
• 将value参数改为使用当前State的_selectedValue，确保每个下拉框的选中值互不影响。
• 把onChanged里的赋值改为更新当前实例的_selectedValue，避免全局污染。
• 给widget.data和widget.hint加上required修饰符（符合Dart空安全规范），避免空值隐患。

这样修改后，每个DropDown组件都会有自己独立的选中状态，使用不同数据源时也不会再触发断言错误，因为每个下拉框的value只会从自己的items列表里选择。

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