MENU

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

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

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) {  },
),

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

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

Flutterが学べる書籍

ゼロから学ぶFlutterアプリ開発
created by Rinker
動かして学ぶ！Flutter開発入門
created by Rinker
Flutter実践開発 ── iPhone／Android両対応アプリ開発のテクニック
created by Rinker
技術評論社
Flutter
Share

Comment

コメントする

目次