Flutter中double.parse转换TextField值抛出FormatException求助

问题分析 #

• 按钮点击逻辑错误：你当前的onPressed直接调用了adddata(...)，这会导致Widget构建时就立刻执行该函数，而非用户点击按钮时触发。
• 未做输入合法性校验：double.parse()遇到空字符串、字母、特殊符号等非数字内容时，会直接抛出FormatException，必须先对输入值做校验。

解决方案 #

1. 修正按钮触发逻辑：用匿名函数包裹adddata调用，确保只有点击按钮时才执行相关逻辑。
2. 安全解析数值：用double.tryParse()替代double.parse()，解析失败时返回null而非抛出异常，同时先判断输入是否为空。
3. 添加用户提示（可选）：解析失败时给用户弹出提示，引导输入合法内容。

修改后的完整代码 #

class Mytextlist extends StatelessWidget {
  final Function adddata;
  Mytextlist(this.adddata);
  
  // 注意：StatelessWidget中直接定义Controller不符合最佳实践，建议转为StatefulWidget（下文有说明）
  late final TextEditingController titleController = TextEditingController();
  late final TextEditingController valueController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        border: Border.all(color: Colors.black),
      ),
      child: Column(
        children: [
          Card(
            child: TextField(
              decoration: const InputDecoration(labelText: "title"),
              controller: titleController,
            ),
          ),
          Card(
            child: TextField(
              decoration: const InputDecoration(labelText: "expenses"),
              controller: valueController,
              // 可选：限制键盘为数字键盘，减少无效输入
              keyboardType: TextInputType.numberWithOptions(decimal: true),
            ),
          ),
          ElevatedButton(
            onPressed: () {
              final title = titleController.text.trim();
              final valueStr = valueController.text.trim();

              // 校验输入是否为空
              if (title.isEmpty || valueStr.isEmpty) {
                ScaffoldMessenger.of(context).showSnackBar(
                  const SnackBar(content: Text("请填写标题和金额")),
                );
                return;
              }

              // 安全解析double类型
              final value = double.tryParse(valueStr);
              if (value == null) {
                ScaffoldMessenger.of(context).showSnackBar(
                  const SnackBar(content: Text("请输入合法的数字金额")),
                );
                return;
              }

              // 调用目标函数
              adddata(title, value);

              // 可选：清空输入框
              titleController.clear();
              valueController.clear();
            },
            child: const Text("ADD Transaction"),
          ),
        ],
      ),
    );
  }
}

额外优化建议 #

StatelessWidget中直接持有TextEditingController可能导致状态丢失或内存泄漏，建议将组件改为StatefulWidget，并在生命周期中管理Controller：

class Mytextlist extends StatefulWidget {
  final Function adddata;
  Mytextlist(this.adddata);

  @override
  State<Mytextlist> createState() => _MytextlistState();
}

class _MytextlistState extends State<Mytextlist> {
  late final TextEditingController titleController = TextEditingController();
  late final TextEditingController valueController = TextEditingController();

  @override
  void dispose() {
    // 销毁Controller释放资源
    titleController.dispose();
    valueController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 此处复用上面的build代码即可
    return Container(...);
  }
}

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