【Flutter】CheckboxListTile|リスト表示の要素を生成(チェックボックス付き)

今回はCheckboxListTileの基本的な使い方を紹介します。

CheckboxListTileCheckBoxListTileを複合したWidgetです。

\ 世界最大級のオンライン学習サービス /

目次

CheckboxListTileの使い方

CheckboxListTile(
  value: _isChecked,
  title: Text('this is title'),
  subtitle: Text('this is subtitle'),
  secondary: Icon(Icons.face),
  onChanged: (value) {
    setState(() {
      _isChecked = value!;
    });
  },
),

CheckboxListTileは上記コードのようにCheckBoxListTileの特徴を組み合わせて使用します。

チェックボックスを左に持ってくる

CheckboxListTile(
  value: _isChecked,
  title: Text('this is title'),
  subtitle: Text('this is subtitle'),
  secondary: Icon(Icons.face),
  controlAffinity: ListTileControlAffinity.leading,
  onChanged: (value) {
    setState(() {
      _isChecked = value!;
    });
  },
),

controlAffinityの引数にListTileControlAffinity.leadingを渡すことでチェックボックスが左側に配置され、secondaryは右側に配置されます。

デフォルトはListTileControlAffinity.trailingです。

一緒に読みたい

参考

  • URLをコピーしました!
目次