Flutter组件学习(三)—— 输入框TextFiled

  • 时间:
  • 浏览:0

5、obscureText

3、decoration

TextInputAction.newline:换行按钮

4、keyboardType

TextInputAction.send:发送按钮

2、focusNode

你這個 属性用来控制弹出的键盘中右下角的按钮,这是一1个多多枚举值,有可是我 种形式(下面举好多个例子):

TextInputAction.done:完成按钮

你這個 属性是设置输入框的输入类型的,累似 于 Android 中的 InputType,选值有以下好多个:

你這個 属性用来控制输入内容的大小写设置,同样是一1个多多枚举值,来看一下具体的值及效果:

TextInputAction.search:搜索按钮

phone 输入文字

你這個 属性用来控制显示隐藏用户输入的内容(密文/明文显示)。

TextCapitalization.none:默认情况表,那此完整都是设置

7、TextCapitalization

你這個 属性用来设置输入框的可是我样式,比如前后图标,提示文字,错误文字,占位文字等等,下面来看一下可不前要设置的东西(很糙多,让我们 可不前要有前要的日后再去挨个了解):

url

text 输入文字

哇,乍一看好多配置啊,别急大兄弟,有可是我 让我们 在讲 Text 组件的日后将会讲过的,接下来让我们 一1个多多一1个多多来看那此属性:

TextCapitalization.sentences:输入的内容首字母大写

这好多个属性用来设置输入日后的光标。

multiline 输入文字

emailAddress 输入文字

8、onChanged

datetime 输入文字

TextCapitalization.characters:输入的内容完整都大写

9、cursorWidth、cursorRadius、cursorColor

1、controller

根据字面意思让我们 就可不前要知道,这是一1个多多控制器,毫无大疑问当然是控制 TextField 组件的了,用处有可是我 ,可不前要监听输入框的输入(通过controller.addListener()),可不前要获取输入框的值,可不前要设置输入框的值等等。

6、textInputAction

number 输入文字

原文发布时间为:2018-12-13

本文作者: 24K纯帅豆

本文来自云栖社区相互相互合作伙伴“ IT先森养成记”,了解相关信息可不前要关注“cyg_24kshign”微信公众号

TextInputAction.previous:上一步按钮

TextInputAction.go:根据用户输入进行下一步按钮

你這個 属性可不前要用来监听输入框否是获取(背叛)焦点:

TextCapitalization.words:输入的每个单词的首字母大写(用空格隔开的单词)

TextInputAction.next:下一步按钮

你這個 属性用来监听输入框的输入,累似 Android的TextWatch,怎么让它必须输入后的值:

序言

Google 前半个月发布了 Flutter 1.0 正式版本,正式版发布日后,LZ身边这么来太多的人都开使了了了入坑了,不得不说 Flutter 框架的魅力还是很吸引人的哈,可是我 让我们 更要抓紧学习了;日后我写了两篇文章来介绍 Flutter中的Text组件 和 Flutter中的Image组件,今天让我们 继续学习输入框 TextFiled 组件,话这么来太多说,先上图:



TextFiled组件的API

先来看一下TextFiled的构造土办法:

让我们 可不前要手动试试各个枚举值的效果。