見出し画像

Flutter角丸BottomSheetの実装方法

こんにちは、株式会社Pentagon代表の山本です。

https://pentagon.tokyo

当社では「アプリを駆使した事業を立ち上げたい」方のために、アプリの設計・デザイン・開発までまるっとサポートしています。

Flutterで角丸BottomSheetを作ってみた

void _showBottomSheetMenu(BuildContext context) {
 showModalBottomSheet(
     context: context,
     shape: RoundedRectangleBorder(
       borderRadius: BorderRadius.vertical(top: Radius.circular(25.0)),
     ),
     builder: (builder) {
       return Container(
         height: 350.0,
         color: Colors.transparent,
         child: Container(
             child: Center(
           child: Text("This is a modal sheet"),
         )),
       );
     });
}



この記事が気に入ったらサポートをしてみませんか?