美文网首页
Flutter学习之旅-TextField

Flutter学习之旅-TextField

作者: Self_Time | 来源:发表于2019-06-25 15:23 被阅读0次

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()
           ],
         ),
      );
    }
}


相关文章

网友评论

      本文标题:Flutter学习之旅-TextField

      本文链接:https://www.haomeiwen.com/subject/xsxtcctx.html