Flutter 中的表单

Posted zhaofeis

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 中的表单相关的知识,希望对你有一定的参考价值。

一、Flutter 常用表单介绍
  Flutter 中常见的表单有 TextField 单行文本框,TextField 多行文本框、CheckBox、Radio、Switch  CheckboxListTile、RadioListTile、SwitchListTile、Slide.
 
二、TextField 文本框组件
  TextField 表单常见属性:
  maxLines  设置此参数可以把文本框改为多行文本框
  onChanged  文本框改变的时候触发的事件
  decoration
  hintText 类似 html 中的 placeholder
  border  配置文本框边框 OutlineInputBorder 配合使用
  labelText lable 的名称
  labelStyle 配置 lable 的样式
  obscureText  把文本框框改为密码框
  controller  controller 结合 TextEditingController()可以配置表单默认显示的内容
 
三、Checkbox、CheckboxListTile 多选框组件
 
  Checkbox 常见属性:
  value  true 或者 false
  onChanged  改变的时候触发的事件
  activeColor  选中的颜色、背景颜色
  checkColor  选中的颜色、Checkbox 里面对号的颜色
 
CheckboxListTile 常见属性:
  valuetrue 或者 false
  onChanged  改变的时候触发的事件
  activeColor  选中的颜色、背景颜色
  title  标题
  subtitle  二级标题
  secondary  配置图标或者图片
  selected  选中的时候文字颜色是否跟着改变 

以上是关于Flutter 中的表单的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 表单构建器包图像选择器 Firestore Flutter

使用 Flutter 将表单上传到 Firestore

如何在flutter中获取html内容表单flutterWebViewPlugin(webview)

Flutter学习日记之表单组件TextField文本框的使用

Flutter - 将表单绑定到模型

Flutter 制作漂亮的登录表单