Flutter 如何在颤振中创建底部栏按钮

我目前正在Flitter中开发一款Android应用程序。如何在页面底部添加如下按钮：--

---

尝试对齐（对齐：对齐.底部中心，子项：RaisedButton（）尝试此操作并自定义大小和颜色

import 'package:flutter/material.dart';
    
    final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
    
    void main() {
      runApp(MyApp());
    }
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          home: Scaffold(
            body: Center(
              child: MyWidget(),
            ),
            bottomNavigationBar: Container(
              color: Colors.white,
              height: 60,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  GestureDetector(
                    onTap: (){
    
                      // your code
                    },
                    child: Container(
                      height: 45,
                      width: 170,
                      decoration: BoxDecoration(
                          color: Colors.white,
                          border: Border.all(color: Colors.grey)),
                      child: Center(
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [Icon(Icons.favorite_border), Text("WishList")],
                        ),
                      ),
                    ),
                  ),
                  GestureDetector(
                    onTap: (){
                      // your code
                    },
                    child: Container(
                      height: 45,
                      width: 170,
                      decoration: BoxDecoration(
                          color: Colors.pinkAccent,
                          border: Border.all(color: Colors.grey)),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Icon(
                            Icons.card_travel,
                            color: Colors.white,
                          ),
                          Text(
                            "  Add To Bag",
                            style: TextStyle(color: Colors.white),
                          )
                        ],
                      ),
                    ),
                  )
                ],
              ),
            ),
          ),
        );
      }
    }
    
    class MyWidget extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Text('Hello, World!', style: Theme.of(context).textTheme.headline4);
      }
    }