Flutter ) CupertinoNavigationBar에 Item넣는 법 / item이 짤려보이는 현상 해결

 

안녕하세요 :) Zedd입니다.

와 Flutter진짜..다른건 다 둘째치고... 넘넘....눈이 아프다........**

 

# CupertinoNavigationBar에 item을 넣고싶다.

CupertinoNavigationBar(middle: Text("Navigation Title"), leading: ..., trailing: ... );

CupertinoNavigationBar의 leading, trailing 파라미터를 이용하면 된다.

leading, trailing에는 당연히 Widget을 넣을 수 있으므로 

CupertinoNavigationBar(middle: Text("Navigation Title"),leading: Text("Leading"),trailing: Text("Trailing"))

이런식으로 하면, 

이렇게 되게 된다. 

 

# Leading이 살짝 올라가있는데요..

CupertinoNavigationBar(middle: Text("Navigation Title"),leading: Align(
      widthFactor: 1.0,
      alignment: Alignment.center,
      child: Text("leading"),));

이렇게 Align을 줘서 해결이 가능합니다.

github.com/flutter/flutter/issues/18536

ㅋ......ㅠ

 

# Text말고 Button을 넣어보자

CupertinoNavigationBar(middle: Text("Navigation Title"),
                       leading: CupertinoButton(child: Text("안녕"), onPressed: () => {}),
                       trailing: CupertinoButton(child: Text("안녕"), onPressed: () => {}));

잘 들어갔으나 버튼이 짤림...

github.com/flutter/flutter/issues/18536

 

# 버튼을 안짤리게 해보자

CupertinoButton에 패딩을 넣어주면 됩니다.

하....ㅋ........ㅇㅋ....................하고싶은 말은 많지만..참는다...

 

 

참고 :

github.com/flutter/flutter/issues/18536

CupertinoNavigationBar leading is too high · Issue #18536 · flutter/flutter

github.com/flutter/flutter/issues/32701

CupertinoButton in CupertinoNavigationBar as trailing gets cut · Issue #32701 · flutter/flutter