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应重建，主要颜色将在蓝色和红色之间切换。

事实上，代码工作正常，直到我试图将代码部分拆分为不同的文件。在以下情况下，第（X）行的App.appStateKey.currentState将成为null

A部分（App类或变量）被移动到另一个文件;
C部分（MyHomePage和_MyHomePageState）被移动到另一个文件;
A部分和C部分被移动到另一个文件

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

doc仅声明currentState在(1) there is no widget in the tree that matches this global key, (2) that widget is not a StatefulWidget, or the associated State object is not a subtype of T.时不会声明所有内容必须位于同一文件中时为空。

将类分解为文件可能不是“Dart方式”，但我认为无论如何它都应该工作（它们都是公共的）。所以这让我感到困惑，我怀疑我是否偶然发现了一些我不知道的Flutter功能。感谢。

Answer 1

这是由于dart导入的工作原理。

在飞镖中，有两种方式可以导入来源：

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

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

但这是怎么回事？我从未使用过相对导入

这是一个问题，因为在某些情况下，您隐式使用“相对导入”：使用foo.dart 中定义的A类 foo.dart时。

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

有多种解决方案：

让与您的班级App相关的所有内容都在同一个文件中。（这是飞镖中推荐的东西）
将App提取到自己的文件中。并使用绝对导入将其导入到处。
不要先使用GlobalKey。因为您的用例肯定在InheritedWidget的范围内。

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

1 个答案: