Flutter 如何在点击晶圆厂时显示卡片?

Flutter 如何在点击晶圆厂时显示卡片?,flutter,dart,Flutter,Dart,这就是我目前得到的。基本上,我想在用户点击晶圆厂时显示该卡。现在,当我点击晶圆厂时,没有回应 Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomPadding: false, appBar: AppBar( actions: <Widget>[ IconButton( icon: Icon(Icon

这就是我目前得到的。基本上,我想在用户点击晶圆厂时显示该卡。现在,当我点击晶圆厂时,没有回应

Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomPadding: false,
      appBar: AppBar(
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.exit_to_app),
            onPressed: () => logoutUser().then((value) =>
                Navigator.of(context).pushReplacementNamed('/SignIn')),
          )
        ],
        title: Text('TODO'),
      ),
      body: Container(),
      floatingActionButton: FloatingActionButton(
          child: Icon(Icons.add), onPressed: () => displayCard()),
    );
  }

  Widget displayCard() {
    return Center(
      child: Card(
        color: Colors.blue,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            const ListTile(
              leading: Icon(Icons.album),
              title: Text('The Enchanted Nightingale'),
              subtitle: Text('Music by Julie Gable. Lyrics by Sidney Stein.'),
            ),
          ],
        ),
      ),
    );
  }

现在,您将向onPressed函数返回一个小部件,这是一个VoidCallBack。它不会处理从displayCard接收回来的小部件

考虑使用弹出对话框。用如下内容替换小部件显示卡

void displayCard(BuildContext context) {
    showDialog(
        context: context,
        builder: (context) {
            return AlertDialog(
                title: Text("The Enchanted Nightingale"),
                content: Text("Music by Julie Gable. Lyrics by Sidney Stein."),
                actions: <Widget>[
                    FlatButton(
                        child: Text("Dismiss"),
                        onPressed: () {
                            //remove the dialog popup
                            Navigator.of(context).pop();
                        }

                    )
                ]
            );
        }
    );
}
floatingActionButton: FloatingActionButton(
          child: Icon(Icons.add), onPressed: () => displayCard(context)),