我想 在Flutter 的有状态小部件 内 显示一个 简单的SnackBar 。我的应用程序使用名为 MyHomePage 的有状态小部件创建 MaterialApp的 新实例。 __
我尝试在showSnackBar()方法中显示SnackBar。但是失败,因为’ 方法’showSnackBar’被调用为null ‘。
此代码有什么问题?
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new MyHomePage(), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key}) : super(key: key); @override _MyHomePageState createState() => new _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>(); @override void initState() { super.initState(); showInSnackBar("Some text"); } @override Widget build(BuildContext context) { return new Padding( key: _scaffoldKey, padding: const EdgeInsets.all(16.0), child: new Text("Simple Text") ); } void showInSnackBar(String value) { _scaffoldKey.currentState.showSnackBar(new SnackBar( content: new Text(value) )); } }
解:
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new Scaffold(body: new MyHomePage()), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key}) : super(key: key); @override _MyHomePageState createState() => new _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { @override void initState() { super.initState(); } @override Widget build(BuildContext context) { showInSnackBar("Some text"); return new Padding( padding: const EdgeInsets.all(16.0), child: new Scaffold( body: new Text("Simple Text") ) ); } void showInSnackBar(String value) { Scaffold.of(context).showSnackBar(new SnackBar( content: new Text(value) )); } }
有三个问题。首先是您在任何地方都没有脚手架,而脚手架小部件是知道如何显示小吃店的小部件。第二个是您有一把握住脚手架的钥匙,但是您已经将它放在一个填充物上(并且填充物对小吃店一无所知)。第三个是您已经在与之关联的小部件被初始化之前使用了键,因为initState是在构建之前被调用的。
最简单的解决方案是将homeMyApp小部件中的行更改为:
home
home: new Scaffold(body: new MyHomePage()),
…然后删除所有提及的内容_scaffoldKey,而是使用Scaffold.of(context)您当前所在的位置_scaffoldKey.currentState。
_scaffoldKey
Scaffold.of(context)
_scaffoldKey.currentState