FlutterのCheckboxListTileでCheckboxを左寄せにする方法

今回はFlutterでCheckboxListTileのチェックボックスを左に揃える方法を共有します。

CheckboxをCheckboxListTileの左に配置する方法

CheckboxListTile(
  controlAffinity: ListTileControlAffinity.leading,
)

controlAffinity:ListTileControlAffinity.leading を設定すると、checkboxを CheckboxListTile の左側に配置することができます。

CheckboxListTile(
  value: false,
  controlAffinity: ListTileControlAffinity.leading,
  onChanged: (bool? value) {  

  },
  title: Text("Learning Flutter?"),
)

結果

CheckboxListTile(
value: true,
onChanged: (bool? value) {  
 setState(() {
  //});
},
title: Text("Learning Web?"),
),
CheckboxListTile( 
value: false,
controlAffinity: ListTileControlAffinity.leading,
onChanged: (bool? value) {  
setState(() {//});
},
title: Text("Learning Flutter?"),
),

金曜担当 – Ami



アプリ関連ニュース

お問い合わせはこちら

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833(平日 10:00~17:00)

お問い合わせフォーム