在FlutterFlow中如何将TextField数据存入变量并保存至数据库？

一、用原生组件快速搞定（不用写自定义代码） #

• 1. 把TextField绑定到页面变量
     选中你的TextField，右侧属性面板找到Text Controller，点Create Variable建个字符串类型的页面变量（比如叫inputText），用户输入的内容会自动同步到这个变量里。描述栏同理，绑定另一个页面变量（比如descriptionText）。
• 2. 给按钮加数据库存储动作
     拖个Button到页面，选中后右侧Actions面板点Add Action，选Firebase Firestore > Add Document（用其他数据库就选对应操作）。
     配置窗口里选好要存的集合，然后给每个字段赋值：比如content字段选Page Variable，再挑刚才的inputText；desc字段选descriptionText。
     保存后测试，点按钮就能把输入内容存进数据库了。

二、自定义方法传参实现 #

如果必须用自定义代码处理，这么操作：

• 1. 建带参数的自定义方法
     打开FlutterFlow的Custom Code面板，点Add Custom Function，设个方法名（比如saveToDB），加两个参数：String inputContent和String inputDesc，返回类型选Future<void>（异步操作需要）。
     方法里写数据库存储代码，比如Firebase的示例：

  Future<void> saveToDB(String inputContent, String inputDesc) async {
    await FirebaseFirestore.instance.collection('your_collection').add({
      'content': inputContent,
      'description': inputDesc,
    });
  }
  

• 2. 调用方法并传参
     回到页面的保存按钮，Actions面板点Add Action，选Custom Action > Call Custom Function，选中你刚建的saveToDB。
     参数赋值的时候，每个参数选Page Variable，对应绑定TextField的inputText和描述栏的descriptionText变量就行。
     配置完点按钮，输入的内容就会通过参数传入自定义方法，完成存储。

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