Flutter http POST请求int类型参数转换错误问题求助

问题本质 #

TextFormField的输入值本质是String类型，Dart不支持直接通过(int)value这种强制类型转换将String转为int，必须使用专门的数值解析方法。

可行解决方案 #

1. 基础转换（适用于确定输入为纯数字场景）

使用int.parse()将输入的String转为int，同时建议开启数字键盘限制输入类型：

TextFormField(
  decoration: const InputDecoration(labelText: 'Product ID'),
  keyboardType: TextInputType.number, // 仅弹出数字键盘，减少非法输入
  onSaved: (value) {
    // 注意处理null情况，这里假设输入不为空（可配合validator验证）
    productId = int.parse(value!);
  },
)

2. 安全转换（兼容非数字输入）

如果需要处理用户输入非数字的情况，用int.tryParse()更稳妥——它在解析失败时返回null，不会直接抛出异常，配合validator提前验证输入合法性：

TextFormField(
  decoration: const InputDecoration(labelText: 'Product ID'),
  keyboardType: TextInputType.number,
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '请填写Product ID';
    }
    if (int.tryParse(value) == null) {
      return '请输入有效的数字';
    }
    return null;
  },
  onSaved: (value) {
    // 解析失败时设置默认值（示例用0，可根据业务调整）
    productId = int.tryParse(value!) ?? 0;
  },
)

POST请求发送示例 #

确保请求体中的productId是int类型，直接传入转换后的变量即可：

import 'package:http/http.dart' as http;
import 'dart:convert';

// ...

final response = await http.post(
  Uri.parse('你的目标API地址'),
  headers: {'Content-Type': 'application/json'},
  body: jsonEncode({
    'name': name,
    'category': category,
    'templateName': templateName,
    'productId': productId, // 已转换为int类型，直接传入
  }),
);

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