본문 바로가기

Flutter

[j Flutter] CheckboxListTile (체크박스 리스트타일)

728x90
반응형

CheckboxListTile을 구현해보자.

 

 

아래 flutter홈페이지에 자세히 나와있다. 

 

api.flutter.dev/flutter/material/CheckboxListTile-class.html

 

CheckboxListTile class - material library - Dart API

A ListTile with a Checkbox. In other words, a checkbox with a label. The entire list tile is interactive: tapping anywhere in the tile toggles the checkbox. The value, onChanged, activeColor and checkColor properties of this widget are identical to the sim

api.flutter.dev

 

다음은 checkboxlisttile 코드이다.

 

 bool _ischecked = false;

 CheckboxListTile(
                title: Text('체크박스 타일'),
                subtitle: Text('sub title'),
                activeColor: Colors.deepOrangeAccent,
                checkColor: Colors.black,
                controlAffinity: ListTileControlAffinity.leading,
                value: _ischecked,
                onChanged: (bool value) {
                  setState(() {
                    _ischecked = value;
                  });
                },
              )

 

- title : 제목

- subtitle : 서브제목

- activeColor : 체크박스 색상 

- checkColor : 체크 색상

- controlAffinity : 체크박스 위치를 지정 (기본은 체크박스가 뒤에 있다.)

 ->ListTileControlAffinity.leading : 체크박스 위치를 앞으로

 

checkboxlisttile 실행화면 

 

 

 

 

dense: true 속성 적용 화면 

 

728x90
반응형