Flutter组件TextFormField详解

1. 简介

TextFormField继承自FormField，是flutter表单提交相关组件，类似于html中的<input type="text" />，是个文本输入框。需要在Form组件内部使用，否则无法正确提交数据。

2. 常用属性

  • obscureText：输入框内容是否掩码
  • validator：form提交时调用的校验方法
  • decoration：装饰器
  • decoration.hintText：输入框内提示语内容
  • decoration.hintStyle：输入框内提示语样式
  • decoration.contentPadding：提示框里内容距离框的padding
  • decoration.prefixIcon：输入框内置左侧内容，可为任意Widget
  • decoration.suffixIcon：输入框内置右侧内容，可为任意Widget
  • decoration.enabledBorder：输入框未选中时框的样式
  • decoration.focusedBorder：输入框选中时框的样式
  • decoration.errorBorder：提示输入框提交内容不合法时的样式
  • decoration.focusedErrorBorder：提示输入框提交内容不合法，且被选中时的样式

未完待续

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。