【Flutter】フッターボタンで角を丸くしたい

要件

Flutterで簡単なTodoListを作成しています
画像のような，画面下部に固定されているフッターボタンを作成したいと考えているのですが，
どのように実装すればいいのか，全くわからないです．
何か，アイデアだけでもいいので，わかることがあれば，教えてもらえると幸いです．
よろしくお願いします．

###　追記
コメント欄で情報追記・修正要請があったので，追記します．

・persistentFooterButtonsでフッターボタンを実現できるが，形を変更する（角を丸くする等）にはどうすれば実装できるか（参考URL：https://api.flutter.dev/flutter/material/Scaffold/persistentFooterButtons.html）
・フッターボタンを他のWidgetの表示を無視して常に一番上に表示する方法がわからない→stackとalignを使って絶対位置で表現する？？

この2つが主にわからないポイントです．
ご回答いただけると幸いです．よろしくお願いします．

Thrush

2020/08/13 14:38

わからない点をもう少し分解すると、回答しやすいかもしれません。例えば... ・フッターボタンの形(左上と右上だけ丸角の四角形)を実装する方法がわからない・フッターボタンの中に画像を表示するする方法がわからない・フッターボタンを他のWidgetの表示を無視して常に一番上に表示する方法がわからない・フッターボタンをクリックしたときに処理を特定の関数を呼び出したいが、方法がわからない

Elmogawa

2020/08/13 15:12

ご指摘ありがとうございます．質問に追記致しましたので，ご確認いただけると幸いです．

行動規範の内容に同意します

回答1件

ベストアンサー

persistentFooterButtonsでフッターボタンを実現できるが，形を変更する（角を丸くする等）にはどうすれば実装できるか

bottomNavigationBarを使ったほうが良いのではないでしょうか。
bottomNavigationBarであれば、自分でNavigationBarからWidgetを設定できるため丸角にできます。

dart
1  Widget build(BuildContext context) {
2    return Scaffold(
3        /*中略*/
4	bottomNavigationBar: buildFooter(context),);
5  }
6
7  Widget buildFooter(BuildContext context) {
8    final visual = Container(
9      height: 50,
10      decoration: BoxDecoration(
11          image: DecorationImage(
12              image: AssetImage('assets/test.jpg'), fit: BoxFit.fill),
13          borderRadius: BorderRadius.only(
14              topLeft: Radius.circular(10), topRight: Radius.circular(10))),
15    );
16    return visual;
17  }
18