BottomSheet の上部を角丸にするの?|BottomSheet|Flutter


API「showModalBottomSheet<T>」を使って表示した BottomSheet は、上部の両角を丸めることもできるよ。

BottomSheet の「shape」プロパティに「RoundedRectangleBorder」を使おう。


使い方

onPressed: () => showModalBottomSheet<void>(
  context: context,
  builder: (BuildContext context) {
    return Container();
  },
  shape: const RoundedRectangleBorder(
    borderRadius: BorderRadius.vertical(
      top: Radius.circular(4.0),
    ),
  ),
),


関連


参考

コメント

このブログの人気の投稿

アプリがターゲットとする Android API レベルを変更するの?|targetSdkVersion|SDK|Android|Flutter

Android SDK バージョン(コンパイルに使用する Android API レベル)を変更するの?|compileSdkVersion|SDK|Android|Flutter

ImagePicker を操作すると「Lost connection to device.」とだけ言い残して強制終了するの?|iOS|Flutter