Flutter填写TextFormField后Future代码重复触发且无打印问题

核心问题拆解 #

1. Future重复触发：每次在TextFormField输入内容时，_InquiryPro()会被反复调用——本质是你直接在FutureBuilder的future参数中执行_InquiryPro()，当TextFormField输入触发Widget重建（比如StatefulWidget的setState），build方法会重新执行，每次都会创建新的Future实例，导致FutureBuilder反复执行。

2. FutureBuilder无打印输出：代码存在多处语法错误，导致builder逻辑根本没正常执行：

   • FutureBuilder的future行末尾缺少逗号；
   • builder中的print语句未加分号；
   • builder函数未返回任何Widget（Flutter要求builder必须返回Widget，否则编译报错）；
   • _InquiryPro中变量data未声明类型，且URL格式错误（https//应为https://）。

修复步骤 #

步骤1：预初始化Future，避免重复创建

在StatefulWidget的initState中初始化Future，将其保存为成员变量，确保只执行一次：

class _YourWidgetState extends State<YourWidget> {
  final NumberHolderController = TextEditingController();
  Future<String>? _inquiryFuture; // 定义Future成员变量

  @override
  void initState() {
    super.initState();
    _inquiryFuture = _InquiryPro(); // 初始化Future
  }

  Future<String> _InquiryPro() async {
    String data = "https://sades.com/asd"; // 修复URL格式，声明变量类型
    return data;
  }

  // ... 其他业务代码
}

步骤2：修复FutureBuilder的语法错误

将预初始化的_inquiryFuture传给FutureBuilder，补全语法错误并确保builder返回Widget：

FutureBuilder<String>(
  future: _inquiryFuture,
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      print("get");
    } else {
      print("non");
    }
    // 必须返回Widget，示例用Container占位，可替换为你的业务组件
    return Container();
  },
)

步骤3：可选优化（按需触发Future）

如果需要在TextFormField输入满足条件后才触发Future（而非初始化时），可以监听输入变化或通过按钮手动触发：

// 示例：监听输入长度满足条件时重新触发Future
NumberHolderController.addListener(() {
  if (NumberHolderController.text.trim().length >= 8) {
    setState(() {
      _inquiryFuture = _InquiryPro();
    });
  }
});

额外注意点 #

• TextFormField的validator返回空字符串的写法不够规范，建议返回具体提示文本后通过样式控制隐藏，避免逻辑混淆；
• 如果后续要将_InquiryPro替换为真实网络请求，需使用http等库实现正确的异步请求逻辑。

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