这是我的代码:
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 功能。谢谢。
最佳答案
这是由于 dart import 的工作原理。
在 dart 中,有两种导入源的方式:
- 导入'./relative/path.dart'
- 导入'myApp/absolute/path.dart'
问题是,它们彼此不兼容。这两个导入将具有不同的 runtimeType
。
但这怎么会是个问题呢?我从没用过相对导入
这是个问题,因为在某些情况下你隐含地使用“相对导入”:当使用 foo.dart
inside foo.dart 中定义的类 A 时
。
那么,我该如何解决这个问题?
有多种解决方案:
- 与您的类(class)相关的所有内容
App
都应该在同一个文件中。 (这是 dart 中推荐的东西) - 将
App
提取到它自己的文件中。并使用绝对导入将其导入任何地方。 - 不要一开始就使用
GlobalKey
。由于您的用例肯定在InheritedWidget
的范围内。
关于dart - 为什么从其他文件访问时 Flutter GlobalKey 的 currentState 为 NULL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49344086/