1.简介
- 该widget作为文本输入框,可以接收用户以屏幕按键或者键盘按键输入的文本信息,该信息可以用于消息传递,搜索体验等
- 用户修改文本信息时,Onchange会被调用,获取到最新的文本信息。
- 已知用户输入的字段文本输入完毕时(例如,通过按软键盘上的按钮确认输入完毕),该widget会调用onSubmitted回调。
2.基本用法
- 默认情况下,TextField下方有一个下划线进行修饰。
- 你可以使用decoration属性来控制该widget样式,例如通过添加标签或图标。如果将decoration属性设置为空,则将完全删除装饰,包括装饰引入的额外补充,以及节省标签的空间。
- 如果decoration属性是非null(这是默认的),文字字段需要他的父类是一个Material widget。当文本字段被点击时,会触发被点击的效果。
- 若要将TextField 和其他FormFild集成到Form中,请考虑使用TeTFrimeField.
- maxLine,设置0表示多行显示,设置为1只有一行显示
3.代码示例
class DefaultTextField extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(30.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
'下面是基本输入框',
style: TextStyle(fontSize: 15.5,height: 1.2,color: Colors.blue),
textAlign: TextAlign.left,
),
TextField()
],
),
);
}
}
网友评论