当前位置:网站首页>直播平台怎么搭建,针对输入框的各种组件
直播平台怎么搭建,针对输入框的各种组件
2022-08-03 20:17:00 【云豹网络科技】
直播平台怎么搭建,针对输入框的各种组件
基本属性
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,
]
以上就是直播平台怎么搭建,针对输入框的各种组件, 更多内容欢迎关注之后的文章
边栏推荐
猜你喜欢
若依集成easyexcel实现excel表格增强
List类的超详细解析!(超2w+字)
YARN功能介绍、交互流程及调度策略
微导纳米IPO过会:年营收4.28亿 君联与高瓴是股东
不知道这4种缓存模式,敢说懂缓存吗?
高位套牢机构,用友网络的信任危机是如何产生的?
Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)
汉源高科8光口12电口交换机千兆8光8电12电16电网管型工业以太网交换机
abs()、fabs() 和 labs() 的区别
Anaconda virtual environment migration
随机推荐
详解AST抽象语法树
EasyCVR平台海康摄像头语音对讲功能配置的3个注意事项
Internet Download Manager简介及下载安装包,IDM序列号注册问题解决方法
染料修饰核酸RNA|[email protected] 610/[email protected] 594/Alexa 56
Lecture topics and guest blockbuster, TDengine developers conference to promote data technology "broken"
第三方验收测试报告有什么作用?如何获取权威软件测试报告?
leetcode 125. 验证回文串
leetcode 剑指 Offer 58 - II. 左旋转字符串
149. The largest number on a straight line, and check the set
tRNA-m5C转运RNA(tRNA)修饰5-甲基胞嘧啶(m5C)|tRNA修饰m1Am2A (2-methyladenosine)
149. 直线上最多的点数-并查集做法
云服务器如何安全使用本地的AD/LDAP?
Pytorch GPU 训练环境搭建
pytorch框架实现老照片修复功能详细演示(GPU版)
李沐动手学深度学习V2-BERT微调和代码实现
Edge box + time series database, technology selection behind Midea's digital platform iBuilding
WPF .cs中使用资源文件中的ControlTemplate或Style并找到控件
Statistical machine learning 】 【 linear regression model
YARN功能介绍、交互流程及调度策略
leetcode 268. Missing Numbers (XOR!!)