Flutter 基礎篇（十，可能是目前最全的《前端校招面試題及解析》

* `autovalidate` —— 是否自動校驗輸入的內容，當為 `true` 時，每一個子 `FormField` （下面講）內容發生變化時都會自動校驗合法性，並直接顯示錯誤信息。否則需要通過調用 `FormState.validate()` 來進行手動校驗。
* `onWillPop` —— 决定 `Form` 所在的路由是否可以直接返回。
* `onChanged` —— `Form` 的任意一個子 `FormField` 內容發生變化時會觸發該回調。
[](
)`FormField`
------------------------------------------------------------------------------
`Form` 的子孫元素必須是 `FormField` 類型，它是一個抽象類，裏面維護著幾個屬性，`FormState` 通過它們來完成一些操作，定義如下：


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.

[](
)`FormState`
------------------------------------------------------------------------------
`FormState` 是 `Form` 的 `State` 類，可以通過 `Form.of()` 或 `GlobalKey` 獲得。我們可以通過它來對 `Form` 的子孫 `FormField` 進行統一操作。常用的方法有下面幾個：
* `FormState.validate()` —— 調用 `Form` 子孫 `FormField` 的 `validate` 回調，如果有一個校驗失敗，則返回 `false`，所有校驗失敗項都會返回用戶返回錯誤提示。
* `FormState.save()` —— 調用 `Form` 子孫 `FormField` 的 `save` 回調，用於保存錶單內容。
* `FormState.reset()` —— 將子孫 `FormField` 的內容清空。
[](
)示例
---------------------------------------------------------------------
還是通過前面文章的示例來演示，兩個輸入框，用戶名和密碼，其中用戶名不能為空，密碼長度不能少於6比特：


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.

// TODO: implement build
return Form(
key: _formKey,
autovalidate: true,
child: Column(
children: <Widget>[
TextFormField(
controller: _usernameController,
autofocus: true,
decoration: InputDecoration(
labelText: '用戶名',