dart - 为什么从其他文件访问时 Flutter GlobalKey 的 currentState 为 NULL

Question

这是我的代码:

import 'package:flutter/material.dart';

void main() {
  runApp(new MyStatefulApp(key: App.appStateKey));
}

/// Part [A]. No difference when appStateKey is defined as variable.
class App {
  static final GlobalKey<MyAppState> appStateKey = new GlobalKey<MyAppState>();
}

/// Part [B] 
class MyStatefulApp extends StatefulWidget {
  MyStatefulApp({Key key}) :super(key: key);

  @override
  MyAppState createState() => new MyAppState();
}

class MyAppState extends State<MyStatefulApp> {

  int _counter = 0;

  add() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "App",
      theme: new ThemeData(
        primarySwatch: _counter % 2 == 0 ? Colors.blue : Colors.red,
      ),
      home: new MyHomePage(),
    );
  }
}

/// Part [C] 
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text("Main"),      ),
      body: new FlutterLogo(),
      floatingActionButton: new FloatingActionButton(
        onPressed: () {
          App.appStateKey.currentState.add(); // (X)
        },
        tooltip: "Trigger color change",
        child: new Icon(Icons.add),
      ),
    );
  }
}

在上面的代码中，当 FAB 被点击时，MaterialApp 应该重建，原色会在蓝色和红色之间切换。

事实上，代码一直有效，直到我试图将代码的各个部分拆分到不同的文件中。 App.appStateKey.currentState on the line (X) will be become null when:

• A 部分(App 类，或变量)被移动到另一个文件；
• C 部分(MyHomePage 和 _MyHomePageState)被移动到另一个文件；
• A 和 C 部分被移动到另一个文件

因此看起来 GlobalKey.currentState 只有在涉及此 GlobalKey 的所有内容都在同一个文件中时才有效。

文档仅声明当 (1) 树中没有与此全局键匹配的小部件，(2) 该小部件不是 StatefulWidget 时，currentState 将为空，或者关联的 State 对象不是 T 的子类型。它没有说明所有内容都必须在同一个文件中。

将类分解成文件可能不是“Dart 方式”，但我认为无论如何它都应该有效(它们都是公开的)。所以这让我很困惑，我怀疑我是否偶然发现了我不知道的某些 Flutter 功能。谢谢。

Answer 1

这是由于 dart import 的工作原理。

在 dart 中，有两种导入源的方式:

• 导入'./relative/path.dart'
• 导入'myApp/absolute/path.dart'

问题是，它们彼此不兼容。这两个导入将具有不同的 runtimeType。

但这怎么会是个问题呢？我从没用过相对导入

这是个问题，因为在某些情况下你隐含地使用“相对导入”:当使用 foo.dart inside foo.dart 中定义的类 A 时。

那么，我该如何解决这个问题？

有多种解决方案:

• 与您的类(class)相关的所有内容 App 都应该在同一个文件中。 (这是 dart 中推荐的东西)
• 将 App 提取到它自己的文件中。并使用绝对导入将其导入任何地方。
• 不要一开始就使用 GlobalKey。由于您的用例肯定在 InheritedWidget 的范围内。