Flutter 中如何获取输入文本框的内容
在开发中,我们经常会用到输入框,那么在 Flutter 中,如何获取当前输入框中的文本内容呢?
创建输入文本框
输入框,我们使用 TextField 这个 Widget,可以非常简单的创建。
示例:
new TextField(
keyboardType: TextInputType.number,
decoration: Inputdecoration(
contentPadding: EdgeInsets.all(10.0),
labelText: '标题',
helperText: '请输入标题',
),
示例中,创建了一个输入文本框。
其中:
keyboardType :表示键盘输入类型(数字,文本等各种类型)。
使用 TextEditingController 获取文本框内容
我们想要获得最终输入的内容,可使用 TextEditingController 对象来实现。
实现步骤
- 创建 TextEditingController 对象。
- 把 TextEditingController 对象应用到 TextField 上。
- 通过 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 开发》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。