Flutter - 键盘显示和隐藏导致构建调用

Question

我最近一直在学习 Flutter 并遇到了一些奇怪的问题，当我单击 TextField 时，将显示键盘并且将为托管和所有祖先小部件调用 build。

我读到当点击 TextField 时，build 方法将被调用，然后整个 widget 将被重建，但我遇到的情况有点奇怪，因为构建没有被调用在第一个打开的小部件上。

场景:

1 - 打开应用。

2 - 第一个小部件加载并打印在屏幕上:“First build called”，当我点击 TextField 时，键盘弹出，控制台上没有打印任何内容。

3 - 单击“打开第二个”，第二个小部件加载并打印在屏幕上:“Second build called”，当我点击 TextField 时，键盘弹出并打印:“Second build called”(在步骤 [1] 中没有打印!) .

4 - 点击“Open First”，第一个小部件再次加载并打印在屏幕上:“First build called”，当我点击 TextField 时，键盘弹出并打印: "Second build called First build called"(在步骤 [1] 中用于未打印任何内容的同一小部件​​!)。

代码:

void main() {
  runApp(MaterialApp(home: First()));
}

class First extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print('First build called');
    return Scaffold(
      appBar: AppBar(
        title: Text("HI Ramadan"),
      ),
      body: Column(
        children: <Widget>[
          TextField(),
          RaisedButton(onPressed: () {
            Navigator.push(
                context, MaterialPageRoute(builder: (context) => Second()));
          }, child: Text('Open Second'),),
        ],
      ),
    );
  }
}

class Second extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print('Second build called');
    return Scaffold(
      body: Column(
        children: <Widget>[
          TextField(),
          RaisedButton(onPressed: () {
            Navigator.push(context, MaterialPageRoute(builder: (context) => First()));
          }, child: Text('Open First')),
        ],
      ),
    );
  }
}

flutter 医生:

[√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [Version 10.0.17134.885], locale en-US)
    • Flutter version 1.7.8+hotfix.4 at C:\flutter
    • Framework revision 20e59316b8 (3 weeks ago), 2019-07-18 20:04:33 -0700
    • Engine revision fee001c93f
    • Dart version 2.4.0

[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at C:\Users\ASUS\AppData\Local\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)
    • All Android licenses accepted.

[√] Android Studio (version 3.3)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 34.0.1
    • Dart plugin version 182.5215
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)

[√] VS Code (version 1.36.1)
    • VS Code at C:\Users\ASUS\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.2.0

[√] Connected device (1 available)
    • FLA LX1 • 75U7N18410006702 • android-arm64 • Android 9 (API 28)

• No issues found!

问题:

1 - 为什么会发生这种情况(在不是树根的每个小部件上调用构建)？

2 - 有没有办法在键盘显示或隐藏时强制 flutter 不调用 build？因为我有一个表单，当我点击 TextField 并输入一些东西，然后点击 DropDown 时，将显示 DropDown 然后直接隐藏(因为build 调用)，我需要再点击一次 DropDown 来选择!

Answer 1

请记住，您应该始终编写您的 build 方法，就好像它们每秒被调用 60 次一样。因此它们应该 (a) 快速且 (b) 幂等。