Flutter代码报‘Unexpected Null Value’错误，请求技术帮助

错误原因分析 #

• 强制解包空值：_DropdownTextfieldState的initState方法中，初始options为空列表，(options.isNotEmpty ? options[0] : null)返回null，但你用!强制解包，直接触发空值异常。
• TextField逻辑错误：onChanged回调里的赋值逻辑完全错误，没有将输入内容同步到控制器，导致点击"Add Option"时无法获取输入值。
• DropdownButton空状态未处理：当options为空时，DropdownButton的value不能传入非空值，会引发渲染错误。

修复后的完整代码 #

FakturPage 部分 #

class FakturPage extends StatefulWidget {
  const FakturPage({Key? key}) : super(key: key);

  static String id = 'fakturpage';

  @override
  State<FakturPage> createState() => _FakturPageState();
}

class _FakturPageState extends State<FakturPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          DropdownTextfield(),
        ],
      ),
    );
  }
}

DropdownTextfield 修复版 #

class DropdownTextfield extends StatefulWidget {
  @override
  _DropdownTextfieldState createState() => _DropdownTextfieldState();
}

class _DropdownTextfieldState extends State<DropdownTextfield> {
  String? selectedOption; // 改为可空类型
  final TextEditingController textfieldValue = TextEditingController();
  final List<String> options = [];

  @override
  void initState() {
    super.initState();
    // 初始时options为空，selectedOption设为null，不再强制解包
    selectedOption = options.isNotEmpty ? options[0] : null;
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        // 绑定controller，移除无效的onChanged逻辑
        TextField(
          controller: textfieldValue,
          decoration: const InputDecoration(hintText: "输入选项内容"),
        ),
        DropdownButton<String?>(
          // 允许value为null，适配空列表状态
          value: selectedOption,
          hint: const Text("请选择选项"), // 空状态下显示提示文本
          onChanged: (value) {
            setState(() {
              selectedOption = value;
            });
          },
          items: options.map((option) {
            return DropdownMenuItem<String>(
              value: option,
              child: Text(option),
            );
          }).toList(),
        ),
        TextButton(
          onPressed: () {
            setState(() {
              // 避免添加空字符串
              if (textfieldValue.text.isNotEmpty) {
                options.add(textfieldValue.text);
                // 添加后自动选中新选项（可选）
                selectedOption = textfieldValue.text;
                // 清空输入框
                textfieldValue.clear();
              }
            });
          },
          child: const Text("Add Option"),
        ),
      ],
    );
  }
}

关键修复点说明 #

• 将selectedOption声明为可空类型String?，初始时根据options是否为空赋值，不再强制解包。
• 给TextField绑定textfieldValue控制器，移除无效的onChanged赋值逻辑，确保输入内容能被正确获取。
• 将DropdownButton的类型改为DropdownButton<String?>，允许value为null，并添加hint属性在空状态下显示提示。
• 在"Add Option"的点击事件中，添加空值判断，避免添加空字符串到选项列表，同时可选自动选中新添加的选项并清空输入框。

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