728x90
반응형
CheckboxListTile을 구현해보자.
아래 flutter홈페이지에 자세히 나와있다.
api.flutter.dev/flutter/material/CheckboxListTile-class.html
다음은 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
반응형
'Flutter' 카테고리의 다른 글
[j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기 (0) | 2020.11.10 |
---|---|
[j Flutter] DropDownFormField (드롭박스) 구현하기 (0) | 2020.11.09 |
[j Flutter] 캘린더 / 달력 추가하기 (calendar, datepicker) (0) | 2020.11.04 |
[j Flutter] 계산기 입력 / 추가하기 (calculator) (0) | 2020.11.03 |
[j Flutter] 날짜형식 포맷 / 두 날짜 차이구하기 / 현재날짜가져오기 (0) | 2020.11.02 |