直播平台怎么搭建，针对输入框的各种组件

直播平台怎么搭建，针对输入框的各种组件

基本属性

 

1

autofocus：是否自动获取焦点。<br>obscureText：密码输入框。maxLines只能为1，否则出现异常。<br>showCursor & cursorWidth & cursorRadius & cursorColor：光标是否显示、光标宽度、圆角、颜色。<br>textAlign：文本水平对齐方式。<br>textAlignVertical：文本垂直对齐方式。<br>style：文本样式。<br>maxLength：输入框最大长度。<br>inputFormatters：设置输入框内容格式，值允许输入指定格式的数据。<br>- FilteringTextInputFormatter.allow(RegExp("[a-zA-Z]"))：只允许a-zA-Z。<br>- FilteringTextInputFormatter.digitsOnly：仅数字1-9.<br>decoration：TextField组件的装饰，类型是InputDecoration，可以设置文本、提示文本、样式等。<br>- labelText：label文本。<br>- labelStyle：label文本样式<br>- hintText：输入框为空时提示文本。<br>- hintStyle：hint文本样式。<br>- icon：输入框外前面的图标<br>- prefixIcon：输入框内前面的图标。<br>- prefix：输入框内前面的组件。<br>- contentPadding：内边距。<br>controller：用于控制输入框，监听输入框内容变化、设置默认文本、选中输入框内容。<br>onChange：监听输入框内容变化。<br>onTap：点击输入框时回调。<br>onSubmitted：点击软键盘回车键时回调。<br>keyboardType：控制软键盘输入类型<br>    - text：通用键盘。<br>    - multiline：多行文本，支持换行，需要配合maxLines使用。<br>    - number：数字键盘。<br>    - phone：电话键盘，相比数字键盘多了“*”和“#”。<br>    - datetime：日期时间键盘。<br>    - emailAddress：邮件键盘。<br>    - url：url输入键盘。<br>    - visiblePassword：字母和数字键盘。<br>textInputAction：软键盘回车键图标。

​

自动换行

 

1	maxLines: null,<br>minLines: 1,

 

限制输入

maxLength虽然可以限制输入长度，但是右下角会出现输入计数，有些场景是不需要显示的，可以通过如下解决：

 

1	<br>inputFormatters: [<br>    LengthLimitingTextInputFormatter(10),<br>]

 

只允许输入11手机号

 

1	<br>inputFormatters: [<br>    LengthLimitingTextInputFormatter(11),<br>    FilteringTextInputFormatter.digitsOnly,<br>]

 

限制当行，会覆盖maxLines

 

1	<br>inputFormatters: [<br>    FilteringTextInputFormatter.singleLineFormatter,<br>]

 

以上就是直播平台怎么搭建，针对输入框的各种组件， 更多内容欢迎关注之后的文章