Flutter组件TextFormField详解

1. 简介

TextFormField继承自FormField,是flutter表单提交相关组件,类似于html中的,是个文本输入框。需要在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:提示输入框提交内容不合法,且被选中时的样式

未完待续

你可能感兴趣的:(Flutter组件TextFormField详解)