一尘不染

在Flutter中显示SnackBar

flutter

我想 在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)
    ));
  }
}

阅读 538

收藏
2020-08-13

共1个答案

一尘不染

有三个问题。首先是您在任何地方都没有脚手架,而脚手架小部件是知道如何显示小吃店的小部件。第二个是您有一把握住脚手架的钥匙,但是您已经将它放在一个填充物上(并且填充物对小吃店一无所知)。第三个是您已经在与之关联的小部件被初始化之前使用了键,因为initState是在构建之前被调用的。

最简单的解决方案是将homeMyApp小部件中的行更改为:

home: new Scaffold(body: new MyHomePage()),

…然后删除所有提及的内容_scaffoldKey,而是使用Scaffold.of(context)您当前所在的位置_scaffoldKey.currentState

2020-08-13