美文网首页
日更(五十一)-flutter-TextField(Input)

日更(五十一)-flutter-TextField(Input)

作者: Jlanglang | 来源:发表于2019-02-20 23:35 被阅读0次

瞎扯

如题,文本输入.没啥好扯的.

Input

TextField 是最常用的文本输入widget.

默认情况下,TextField有一个下划线装饰(decoration)。您可以通过提供给decoration属性设置一个InputDecoration来添加一个标签、一个图标、提示文字和错误文本。 要完全删除装饰(包括下划线和为标签保留的空间),将decoration明确设置为空即可。

TextFormField包裹一个TextField 并将其集成在Form中。你要提供一个验证函数来检查用户的输入是否满足一定的约束(例如,一个电话号码)或当你想将TextField与其他FormField集成时,使用TextFormField

获取用户输入

有两种获取用户输入的主要方法::

onChanged

每当用户输入时,TextField会调用它的onChanged回调。 您可以处理此回调以查看用户输入的内容。例如,如果您正在输入搜索字段,则可能需要在用户输入时更新搜索结果。

TextEditingController

一个更强大(但更精细)的方法是提供一个TextEditingController作为TextFieldcontroller属性。 在用户输入时,controller的textselection属性不断的更新。要在这些属性更改时得到通知,请使用controller的addListener方法监听控制器 。 (如果你添加了一个监听器,记得在你的State对象的dispose方法中删除监听器 )。

TextEditingController还可以让您控制TextField的内容。如果修改controller的textselection的属性,TextField将更新,以显示修改后的文本或选中区间。 例如,您可以使用此功能来实现推荐内容的自动补全。

 new TextField(
          controller: _controller, //控制器
          decoration: new InputDecoration(
            hintText: '请输入',
          ),
        ),

交流群:493180098,这是个很少吹水,交流学习的群.
APP开发维护咨询群 : 492685472 ,承接APP迭代.开发维护.咨询业务,付费快速解决问题.

相关文章

  • 日更(五十一)-flutter-TextField(Input)

    瞎扯 如题,文本输入.没啥好扯的. Input TextField 是最常用的文本输入widget. 默认情况下,...

  • 第二周总结 | 写博客的意义

    周总结 日更天数: 日更文章列表: [ANR] Input ANR是怎么产生的[https://www.jians...

  • 2019-04-22

    不知不觉已经日更五十一天了,虽然有时只是为了日更而日更,但是更多的是,日更已经成了习惯,如果一天没有完成,心里就会...

  • 日更挑战(五十一)——读书

    今天在读文章时,看到这样一句话,意思是说,如果很久没有读书,都不觉得愧疚,那说明你的生活在堕落。 看到这句话,我默...

  • 日更五十一天

  • 【日更•五十一】流浪猴

    还记得那个和小猫咪做朋友的小猴子吗?后续来了~没想到他那么淘气,给村民们造成了困扰。 今年在门头沟已经出现了很多次...

  • 日更:五十一•寒假之中

    说起日更,我已经划水了五六天了,实在是不太好意思继续划下去了。 也不能再找借口忙了,毕竟该忙的阶段已经过去了,甚至...

  • 我日更50天了,得到日更50天徽章

    进入简书的第二天,我就加入了日更行列,所以现在日更五十一篇文章,我也得到了50天日更徽章。 本来是三分钟热度的性格...

  • 2019-04-03

    今天是简书日更第五十一天。值得祝贺,感恩自己。 回家已经很晚了,还是浏览完朋友圈,才开始写今天的简书日更。按照今天...

  • 日更五十日

    今天是加入简书的第五十一天,也是开始日更打卡的第五十天,回首这五十天的日更写作有很多感慨,既有写得顺畅时的得意,更...

网友评论

      本文标题:日更(五十一)-flutter-TextField(Input)

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