在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是在构建之前被调用的。
最简单的解决方案是将home
MyApp小部件中的行更改为:
home: new Scaffold(body: new MyHomePage()),
…然后删除所有提及的内容_scaffoldKey
,而是使用Scaffold.of(context)
您当前所在的位置_scaffoldKey.currentState
。
以上是 在Flutter中显示SnackBar 的全部内容, 来源链接: utcz.com/qa/417685.html