[Flutter] CheckBox 기본패딩 없애기

우루성·2023년 12월 5일
Container(
	decoration: BoxDecoration(
		border: Border.all(
			color: Colors.black,
		),
	),
	child: Checkbox(
		value: isCheckBox,
		onChanged: (value) {
			setState(() {
				isCheckBox = value!;
			});
		},
	),
),

CheckBox를 사용하면 기본적으로 가지고있는 패딩값이 적용되어 생성됩니다.

이 패딩값을 제거하기 위해서는 CheckBox에 materialTapTargetSize값과 visualDensity을 설정해주시면 됩니다.

Container(
	decoration: BoxDecoration(
		border: Border.all(
			color: Colors.black,
		),
	),
	child: Checkbox(
		materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
		visualDensity: const VisualDensity(
			horizontal: VisualDensity.minimumDensity,
			vertical: VisualDensity.minimumDensity,
		),
		value: isCheckBox,
		onChanged: (value) {
			setState(() {
				isCheckBox = value!;
			});
		},
	),
),

profile
Flutter 개발자

0개의 댓글