Flutter/Dart中如何为变量设默认值？下拉菜单默认值配置

你现在的核心问题是selectedBusLine1仅在用户触发下拉选择后才会被赋值，想要让它在组件初始化时就根据widget.busline1设置对应默认值，同时保留用户选择覆盖的功能，只需在组件初始化阶段同步处理valueChoose_f13和selectedBusLine1的初始值即可，具体操作如下：

1. 提取公共判断方法（简化重复逻辑） #

把原onChanged里嵌套的三元判断抽成独立方法，既提升可读性，也方便初始化和用户选择时复用：

List<String> _getTargetBusLine(String busLineValue) {
  switch(busLineValue) {
    case 'M100007':
      return businessLine2_01;
    case 'M100005':
      return businessLine2_02;
    case 'M100015':
      return businessLine2_03;
    case 'M100023':
      return businessLine2_04;
    case 'M100012':
      return businessLine2_05;
    case 'M100020':
      return businessLine2_06;
    case 'M100000':
      return businessLine2_07;
    default:
      return businessLine2_08;
  }
}

2. 在组件初始化时设置默认值 #

如果你的代码位于StatefulWidget的State类中，重写initState方法，在这里完成初始值的赋值：

@override
void initState() {
  super.initState();
  // 初始化下拉菜单选中值
  valueChoose_f13 = 'M${widget.busline1}';
  // 同步初始化依赖的selectedBusLine1
  selectedBusLine1 = _getTargetBusLine(valueChoose_f13!);
}

3. 简化DropdownButton的onChanged逻辑 #

将原嵌套判断替换为调用公共方法，精简代码：

onChanged: (newValue) {
  if(newValue == null) return;
  valueChoose_f14 = null;
  valueChoose_f15 = null;
  // 调用公共方法赋值
  selectedBusLine1 = _getTargetBusLine(newValue);
  setState(() {
    valueChoose_f13 = newValue;
  });
},

完整修改后的代码示例 #

// 先添加公共方法
List<String> _getTargetBusLine(String busLineValue) {
  switch(busLineValue) {
    case 'M100007':
      return businessLine2_01;
    case 'M100005':
      return businessLine2_02;
    case 'M100015':
      return businessLine2_03;
    case 'M100023':
      return businessLine2_04;
    case 'M100012':
      return businessLine2_05;
    case 'M100020':
      return businessLine2_06;
    case 'M100000':
      return businessLine2_07;
    default:
      return businessLine2_08;
  }
}

@override
void initState() {
  super.initState();
  valueChoose_f13 = 'M${widget.busline1}';
  selectedBusLine1 = _getTargetBusLine(valueChoose_f13!);
}

// 原ListTileTheme部分代码
ListTileTheme(
  tileColor: Colors.white,
  child: ListTile(
    title: Container(
      decoration: BoxDecoration(
        color: Colors.blueGrey[300],
        border: Border.all(color: Colors.blueGrey),
        borderRadius: BorderRadius.circular(10),
        boxShadow: [
          BoxShadow(
            color: Colors.grey,
            blurRadius: 4,
            offset: Offset(4, 8), // changes position of shadow
          ),
        ],
      ),
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: DropdownButtonHideUnderline(
          child: DropdownButton<String>(
            value: valueChoose_f13, // 无需再用??，initState已完成初始化
            isExpanded: true,
            onChanged: (newValue) {
              if(newValue == null) return;
              valueChoose_f14 = null;
              valueChoose_f15 = null;
              selectedBusLine1 = _getTargetBusLine(newValue);
              setState(() {
                valueChoose_f13 = newValue;
              });
            },
            items: businessLine1.map((map) {
              return DropdownMenuItem<String>(
                value: map['value'],
                child: Text(map['name']),
              );
            }).toList(),
          ),
        ),
      ),
    ),
  ),
),

修改后，组件一初始化就会把selectedBusLine1设置为M${widget.busline1}对应的业务线，下拉菜单也会默认选中对应选项，用户后续选择时也能正常覆盖默认值，同时代码的可读性和可维护性也得到了提升。

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