文本框作为一个接收用户输入的组件,被广泛应用于表单构建、即时通讯、搜索等场景中Flutter 提供了两个开箱即用的文本框组件:TextField 和 TextFormField1. 文本框TextField。
是最常用的文本输入组件TextField 组件的默认样式是带有下划线的装饰样式如果需要自定义装饰样式(添加标签、图标、提示文本和错误文本),可以将 InputDecoration 应用到 TextField。
的 decoration 属性上如果需要完全移除下划线和标签预留空间,可以将 decoration 属性设置为 nullTextField( decoration: InputDecoration(。
border: InputBorder.none, hintText: Enter a search term ),);2. 表单文本框TextFormField 内部封装了一个 TextField
并被集成在表单组件 Form 中如果需要对文本输入进行验证或者需要与其他表单组件 FormField 交互联动,可以考虑使用 TextFormFieldTextFormField( decoration: InputDecoration(。
labelText: Enter your username ),);查看章节 表格交互实用教程 | 构建一个有验证判断的表单获取更多关于输入验证的内容。
亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。