第 1-11 课：基础组件详解（TextField、Form 表单）-蒲公英云

第 1-11 课：基础组件详解（TextField、Form 表单）

叁歲伎倆 2022-12-09 11:43 241阅读 0赞

这节课将继续讲解 Flutter 的常用基础组件的最后两个——TextField 和 Form 表单。通过基础组件的学习，大家可以尝试绘制一些基础页面，实现一些基础功能，例如注册页面、登录页面、简单的信息展示页面等。

TextField 相当于 Android 里的 EditText，HTML 的输入框等，不过 Flutter 的 TextField 可配置的功能要多一些，功能要强大一些，Form 表单和 HTML 的 Form 表单的作用基本一样，所以学习来应该很快。那么这节课就带领大家对 Flutter 的基础布局 Widget 中的这几个 Widget 进行详细分析讲解，并结合案例进行详细的用法讲解。

本文将主要介绍：

TextField Widget 用法详解
Form 表单 Widget 用法详解

不同平台的输入框一般都需要以下功能，提示信息、输入框接收的数据类型、输入框监听事件等。Flutter 里的TextField 同样具有这些属性功能，TextField 属于 StatefulWidget，Flutter 中有两个 TextField，另一个叫TextFormField，顾名思义，这个 TextFormField 主要用于 Form 表单，我们看下要讲的 TextField 的构造方法：

const TextField({
    Key key,
    // 输入框的控制器，监听器
    this.controller,
    // 焦点控制的，控制是否获取和取消焦点
    this.focusNode,
    // 输入框的装饰类（重要）
    this.decorat