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

Question

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

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

设想：

1 - 打开应用程序。

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

3 - 点击“打开第二个”，第二个小部件加载并打印在屏幕上： “第二个构建调用”，当我点击文本字段时，键盘弹出并打印：“第二个构建调用”（在步骤[1]中）没有打印！）。

4 - 点击“首先打开”，第一个小部件再次加载并打印在屏幕上：“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 (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 - 有没有办法build在键盘显示或隐藏时强制颤振不调用？因为我有一个表格，当我点击了TextField打字什么的，然后点击过DropDown的DropDown将显示被隐藏，然后直接（因为build所谓的），我需要点击DropDown一个更多的时间来选择！

Answer 1

First被重建，因为它在导航堆栈中的位置发生了变化。

至于你的键盘问题，这篇文章解决了它，你只需要对你的代码做一些小小的改变：

改变这个：

  RaisedButton(
      onPressed: () {
         Navigator.push(context, MaterialPageRoute(builder: (context) => Second()));
      },
      child: Text('Open Second'),
  ),

  RaisedButton(
      onPressed: () {
         Navigator.push(context, MaterialPageRoute(builder: (context) => First()));
      },
      child: Text('Open First'),
  ),

到：

  RaisedButton(
      onPressed: () {
          final page = Second();
          Navigator.push(context,MaterialPageRoute(builder: (context) => page ));
      }, 
      child: Text('Open Second'),
  ),

  RaisedButton(
      onPressed: () {
          final page = First();
          Navigator.push(context,MaterialPageRoute(builder: (context) => page ));
      }, 
      child: Text('Open First'),
  ),