背景

アプリ開発中に画面の最下部にbar全体を押下できるボタンが欲しかったが、検索方法が悪いのかなかなか見つからなかったのでメモとして投稿。
画像の様なボタンが欲しい。

コード

import 'package:flutter/material.dart';

class TestPage extends StatelessWidget{

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('テスト'),
      ),
      // body: ,
      bottomNavigationBar: bottomButton(),
    );
  }

  Widget bottomButton(){
    return BottomAppBar(
      color: Colors.blue,
      child: TextButton(
        child: Text(
          "ボタン",
          style: TextStyle(
            color: Colors.white,
          ),
        ),
        style: TextButton.styleFrom(
          primary: Colors.blue,
        ),
        onPressed: (){},
      ),
    );
  }
}

画面