Flutter中SharedPreferences赋值DropdownButton值不生效求助

核心问题分析 #

1. 全局变量未触发UI更新：你把dropdownvalue定义在State类外部，且异步获取SharedPreferences值后没有调用setState()，导致UI不会重新渲染，DropdownButton始终显示初始值。
2. 空值处理不严谨：prefs.getString('hour').toString()如果原值是null，会得到字符串"null"，而非你预期的"none"，可能导致值不在Dropdown的items列表中引发错误。

修复步骤及代码 #

1. 将dropdownvalue移至UpdateServiceState类内部，作为状态成员变量。
2. 在异步获取到SharedPreferences值后，调用setState()触发UI更新。
3. 优化空值处理逻辑，确保获取的值在Dropdown的items范围内。

修改后的完整代码片段：

class UpdateService extends StatefulWidget {
  final String serviceName;
  final String serviceDetails;
  final String serviceImage;

  UpdateService({required this.serviceName, required this.serviceDetails, required this.serviceImage});

  @override
  State<UpdateService> createState() => UpdateServiceState();
}

class UpdateServiceState extends State<UpdateService> {
  TextEditingController serviceDetailsController = TextEditingController();
  TextEditingController hoursNeedController = TextEditingController();

  // 将dropdownvalue移至类内部作为状态变量
  String dropdownvalue = '1';
  var items = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];

  @override
  void initState(){
    super.initState();
    serviceDetailsController = TextEditingController(text: widget.serviceDetails.toString());
    loadPref();
  }

  loadPref() async{
    SharedPreferences prefs = await SharedPreferences.getInstance();
    // 优化空值处理：先判断是否为null，再处理
    String? savedHour = prefs.getString('hour');
    // 确保获取的值在items列表中，否则用默认值'1'
    String get = savedHour != null && items.contains(savedHour) ? savedHour : '1';
    
    setState(() {
      dropdownvalue = get;
    });
    print(get);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 其他页面结构...
      body: DropdownButton(
        value: dropdownvalue,
        items: items.map((String item){
          return DropdownMenuItem(
            value: item,
            child: Text(item));
        }).toList(),
        onChanged: (String? newValue){
          setState(() {
            dropdownvalue = newValue!;
          });
        },
      ),
    );
  }
}

关键修改说明 #

• 状态变量本地化：将dropdownvalue放在State类内部，确保状态变更能通过setState()被Flutter框架感知。
• 异步更新触发UI：在loadPref中获取到值后，用setState()包裹赋值操作，强制页面重新构建，DropdownButton会读取新的dropdownvalue。
• 值有效性校验：增加items.contains(savedHour)判断，避免因SharedPreferences中存储的值不在Dropdown选项列表中导致的崩溃。

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