Flutterのカードセットの角が丸い

Flutterのカードセットの角が丸い

---

角の丸い設定は非常に一般的です。この記事では、カードコンテナコンポーネントの角の丸みやその他の設定方法を紹介します。

フィレット設定

//shape 设置边，可以设置圆角
shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(20.0)),),

各フィレットサイズを個別に設定します

各フィレットのサイズを個別に設定することもできます。

shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(10.0),
                topRight: Radius.zero,
                bottomLeft: Radius.zero,
                bottomRight: Radius.circular(10.0)),),

アンチエイリアシングを設定する

clipBehavior: Clip.antiAlias,

影のサイズを設定する

z軸の高さ、カードの影を設定します（影のサイズ）：

elevation: 20.0,

---

** PS：よりエキサイティングなコンテンツについてはチェックしてください-> 「FlutterDevelopment」
** PS：よりエキサイティングなコンテンツについてはチェックしてください-> 「FlutterDevelopment」
** PS：よりエキサイティングなコンテンツについてはチェックしてください-> 「フラッター開発」