[flutter] CupertinoButton 사이즈 조정하기

1. 배경

 

CupertinoButton의 사이즈를 조정하려면 어떻게 해야할까.

 

---

 

2. 개념

 

CupertinoButton은 defualt로 설정되어있는

 

최소 사이즈(minSize)와

패딩값(padding)이 상당해서

 

처음 사용하는 사람들은

그 사이드를 조정하는데 애를 먹는다.

 

---

 

2. 해결

 

CupertinoButton 사이즈를 육안으로 설정하기 위해서는

 

1) 최소사이즈를 최대한 줄여주고(최대한 작게 0으로 설정하면 좋다)

2) 버튼 그 모습 자체 갖고있는 공간 외에
버튼이 차지하고 있는 공간 => padding값을 없애주어야 한다.

 

예시: 

CupertinoButton(
            minSize: 0.0,
            padding: EdgeInsets.all(0),
            child: Icon(...),
            onPressed: () {...},
          ),

 

이렇게 한뒤 Container로 감싸주어

주변의 Widget들과의 간격을 육안으로 비교, 배치한다