Flutter 如何在脚手架中显示蛇形杆是由堆叠体组成的?

Flutter 如何在脚手架中显示蛇形杆是由堆叠体组成的?,flutter,Flutter,我试图在屏幕上显示一个快餐店。但是快餐店覆盖了整个屏幕,而不是仅仅显示在底部。这是我的密码 Scaffold( key: _scaffoldKey , backgroundColor: Colors.pink, body: Stack( children: <Widget>[ Text('Display Scaffold'), Positioned( top: 110, ch

我试图在屏幕上显示一个快餐店。但是快餐店覆盖了整个屏幕,而不是仅仅显示在底部。这是我的密码

Scaffold(
      key: _scaffoldKey ,
      backgroundColor: Colors.pink,
      body: Stack(
      children: <Widget>[
      Text('Display Scaffold'), 
      Positioned(
        top: 110, 
         child: Container(
         child: FlatButton(
           onpressed: (){
             final snackBar =  SnackBar(duration: Duration(seconds: 4),
                            content: Center(child: Text('Welcome')),
                          ) ;
               _scaffoldKey.currentState.showSnackBar(snackBar);
}

),
),
),
 ),
);
脚手架(
钥匙:_scaffoldKey,
背景颜色:Colors.pink,
主体:堆栈(
儿童:[
文本(“显示支架”),
定位(
排名:110,
子:容器(
孩子:扁平按钮(
已按下:(){
最终蛇形杆=蛇形杆(持续时间:持续时间(秒:4)),
内容:中心(子项:文本(“欢迎”),
) ;
_scaffoldKey.currentState.showSnackBar(snackBar);
}
),
),
),
),
);
你试过这个吗

Scaffold.of(context).showSnackBar(snackBar);
而不是

_scaffoldKey.currentState.showSnackBar(snackBar);
这可能是解决办法


我希望它能帮助您!

删除
Center
widget。这使widget尽可能大

如果需要将文本居中,只需使用
text
小部件中的
textAlign:textAlign.center
属性即可