当前位置:网站首页>直播平台怎么搭建,针对输入框的各种组件
直播平台怎么搭建,针对输入框的各种组件
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,
]
以上就是直播平台怎么搭建,针对输入框的各种组件, 更多内容欢迎关注之后的文章
边栏推荐
- The sword refers to Offer II 044. The maximum value of each level of the binary tree-dfs method
- Go语言为任意类型添加方法
- 收藏-即时通讯(IM)开源项目OpenIM-功能手册
- 小马智行起诉擎天智卡:索赔6000万 彭军称要斗争到底
- leetcode 125. 验证回文串
- EMQX Newsletter 2022-07|EMQX 5.0 正式发布、EMQX Cloud 新增 2 个数据库集成
- 嵌入式分享合集27
- ESP8266-Arduino编程实例-MCP4725数模转换器驱动
- 8.2模拟赛总结
- 数学之美 第六章——信息的度量和作用
猜你喜欢
Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)
【STM32】标准库-自定义BootLoader
高并发,你真的理解透彻了吗?
Abs (), fabs () and LABS ()
Detailed AST abstract syntax tree
leetcode 231. 2 的幂
危化企业双重预防机制数字化建设进入全面实施阶段
使用 ReportLab 绘制 PDF
头条服务端一面经典10道面试题解析
- [email protected] 610/[email protected] 594/Alexa 56"/>
染料修饰核酸RNA|[email protected] 610/[email protected] 594/Alexa 56
随机推荐
演讲议题及嘉宾重磅揭晓,TDengine 开发者大会推动数据技术“破局”
Use ControlTemplate or Style from resource file in WPF .cs and find the control
揭秘5名运维如何轻松管理数亿级流量系统
8.2模拟赛总结
149. 直线上最多的点数-并查集做法
使用 ReportLab 绘制 PDF
Node version switching tool NVM and npm source manager nrm
leetcode 16.01. Swap numbers (swap the values of 2 numbers without using temporary variables)
leetcode 231. Powers of 2
力扣59-螺旋矩阵 II——边界判断
leetcode 125. 验证回文串
嵌入式分享合集27
ESP8266-Arduino编程实例-WS2812驱动
abs()、fabs() 和 labs() 的区别
倒计时2天,“文化数字化战略新型基础设施暨文化艺术链生态建设发布会”启幕在即
leetcode 2119. 反转两次的数字
PHP according to the longitude and latitude calculated distance two points
(十六)51单片机——红外遥控
第三方验收测试报告有什么作用?如何获取权威软件测试报告?
leetcode 231. 2 的幂