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

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

基本属性

 

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

​

自动换行

 

maxLines: null,
minLines: 1,

 

限制输入

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

 

inputFormatters: [
    LengthLimitingTextInputFormatter(10),
]

 

只允许输入11手机号

 

inputFormatters: [
    LengthLimitingTextInputFormatter(11),
    FilteringTextInputFormatter.digitsOnly,
]

 

限制当行，会覆盖maxLines

 

inputFormatters: [
    FilteringTextInputFormatter.singleLineFormatter,
]

 

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