固定在屏幕底部的小吃店

时间:2020-06-02 17:52:13

标签: flutter dart snackbar scaffold

我是镖新手 所以,我对快餐吧感到沮丧,因为它出现在身体的页脚中。 及以上persistentFooterButtons和bottomNavigationBar 请某人帮助我将快餐栏固定在屏幕末端。

这是我的代码:

    Widget build(BuildContext context) {
       return Scaffold(

  key: scaffoldKey,

  backgroundColor: Colors.white,

  appBar: AppBar(),

  body:  SafeArea(

          Material(

             color: Color(0xFF43bdd2), 

             borderRadius: BorderRadius.circular(25.0),

             child: MaterialButton(

                       onPressed:(){ _showSnack; },

                        child: Text('إرسال'),

                                  ),



                         ),  ),

  persistentFooterButtons: <Widget>[

               Text('hello everyone'),

           ],

  bottomNavigationBar: BottomAppBar(

    child: Container(

      padding: EdgeInsets.only(bottom: 3),

          child: Text("©Copyright flutter 2020",style:   TextStyle(color:Colors.black,fontWeight:     FontWeight.bold),textAlign: TextAlign.center,),



    ),  

  ),);}



         _showSnack(){scaffoldKey.currentState.showSnackBar(SnackBar(content:   Text('hi, here i am a snackBar'),)) ;}

1 个答案:

答案 0 :(得分:0)

您可以使用Flushbar在底部显示类似的小部件。

FlatButton(
  child: Text('Show Snackbar'),
  onPressed: () {
    Flushbar(
      flushbarPosition: FlushbarPosition.BOTTOM, //Make sure at the bottom
    )
      ..title = 'hi, here i am a snackBar'
      ..show(context);
  },
),

安装软件包(https://pub.dartlang.org/packages/flushbar

将此添加到pubspec.ymal

dependencies:
  flushbar: ^1.10.4

然后将冲洗器导入到您所在的文件中

import 'package:flushbar/flushbar.dart';