본문 바로가기
카테고리 없음

플러터 ListTile 라디오 버튼 높이, 마진, 패딩 조절 (Flutter ListTile RadioButtion height VisualDensity)

by 투자퀸 2022. 6. 18.

플러터 프로젝트를 하다가 라디오 버튼을 만들었는데, 높이인지 마진인지 패딩인지 쓸데없이 위아래 간격이 높아서 조금 줄이고 싶었습니다.

 

대충 아래와 같은 코드상태에서 헤매고 있을텐데

                  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부터는 레드 스크린? 뜨면서 오류 납니다.

아마 기본 마진이나 패딩까지 줄이는건 논리적 모순인가봅니다.

 

높이 늘리려면 양수의 숫자로 더 늘려주면 되겠지만 최대치는 잘 모르겠습니다.

 

댓글