我们在上一章回中介绍了Text Widget,本章回中将介绍TextField Widget。闲话休提,让我们一起Talk Flutter吧。
1 概念介绍
我们在上一章回中介绍了显示文本的Text Widget,本章回中介绍另外一个与文本相关的Widget,它叫TextField,主要用来接收用户输入的文本,它的作用与Text
Widget正好相反,其实它的功能和Android中的EditText组件类似,它也是常用组件之一,本章回中将详细介绍它的使用方法。
2 使用方法
和其它Widget一样,TextField提供了相关的属性来控制自己,常用的属性如下:
- autofocus属性用来控制自动获取光标,它是布尔类型,赋值true或者false就可以;
- keyboardType属性用来控制键盘的输入类型,比如数字,文本等;
- decoration属性用来装饰文本,比如hint,文本前后的icon等,详细内容可以参考示例代码;
- obscureText属性用来控制是否以密码形式显示文本;
- onChanged属性用来获取输入的文本,这是一个方法;
3 示例代码