플러터 프로젝트를 하다가 라디오 버튼을 만들었는데, 높이인지 마진인지 패딩인지 쓸데없이 위아래 간격이 높아서 조금 줄이고 싶었습니다.
대충 아래와 같은 코드상태에서 헤매고 있을텐데
ListTile(
title: const Text('모두 보기'),
leading: Radio<radioImage>(
value: radioImage.ALL,
groupValue: _radioImage,
onChanged: (radioImage value) {
setState(() {
_radioImage = value;
});
},
),
),
아래 코드를 추가해주면 됩니다
visualDensity: VisualDensity(horizontal: 0, vertical: -4),
완성된 코드는 아래와 같습니다
ListTile(
visualDensity: VisualDensity(horizontal: 0, vertical: -4),
title: const Text('그림만'),
leading: Radio<radioImage>(
value: radioImage.IMAGE,
groupValue: _radioImage,
onChanged: (radioImage value) {
setState(() {
_radioImage = value;
});
},
),
),
높이 줄이는건 verticla 속성의 [-4] 가 최대인 것 같습니다.
-5부터는 레드 스크린? 뜨면서 오류 납니다.
아마 기본 마진이나 패딩까지 줄이는건 논리적 모순인가봅니다.
높이 늘리려면 양수의 숫자로 더 늘려주면 되겠지만 최대치는 잘 모르겠습니다.
댓글