MENU

【Flutter】Checkboxウィジェットをの角を丸くする方法

記事内に商品プロモーションが含まれる場合があります

Checkboxウィジェットの角を丸くするには、shape プロパティを使用します。

目次

チェックボックスを正円にする

shape プロパティにCircleBorderを指定することで正円にできます。

Checkbox(
  value: true,
  shape: CircleBorder(), // 円形の形状を適用
  onChanged: (bool? value) {  }, 
),

チェックボックスの角を丸くする

RoundedRectangleBorderを使って角を丸めることができます。

Checkbox(
  value: true,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(4.0), // 角を丸くする
  ),
  onChanged: (bool? value) {  },
),

この例では、RoundedRectangleBorderborderRadiusプロパティを使用して、角を丸めています。

適切な角の丸さを調整してください。

Flutterが学べる書籍

created by Rinker
シーアンドアール研究所
Share
  • URLをコピーしました!

Comment

コメントする

目次