flutter 中如何获取输入文本框的内容

flutter 中如何获取输入文本框的内容

---

在开发中，我们经常会用到输入框，那么在 flutter 中，如何获取当前输入框中的文本内容呢？

创建输入文本框

输入框，我们使用 TextField 这个 Widget，可以非常简单的创建。

示例：

new TextField(
  keyboardType: TextInputType.number,
  decoration: InputDecoration(
    contentPadding: EdgeInsets.all(10.0),
    labelText: '标题',
    helperText: '请输入标题',
  ),

示例中，创建了一个输入文本框。

其中：

keyboardType ：表示键盘输入类型（数字，文本等各种类型）。

使用 TextEditingController 获取文本框内容

我们想要获得最终输入的内容，可使用 TextEditingController 对象来实现。

实现步骤

1. 创建 TextEditingController 对象。
2. 把 TextEditingController 对象应用到 TextField 上。
3. 通过 TextEditingController 对象获取文本框的内容。

把 TextEditingController 对象 赋值给 TextField 的 controller 属性，就可以将文本框和 TextEditingController 对象关联起来了。

在 TextEditingController 应用到文本框之后，就可以取值了，通过 TextEditingController 提供的 text() 方法，就能够获取到文本框输入内容了。

示例

//创建 TextEditingController 对象
var _titleTxt = new TextEditingController();

new TextField(
  controller: _titleTxt,//把 TextEditingController 对象应用到 TextField 上
  keyboardType: TextInputType.number,
  decoration: InputDecoration(
    contentPadding: EdgeInsets.all(10.0),
    labelText: '标题',
    helperText: '请输入标题',
  ),
  
//获取文本框内容
var content = _titleTxt.text;

---

**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》