AppBar 대신 Stack으로 header 제작

AppBar에 위치하는 게 적절한 header를 먼저 만들기로 결정했다

그래서 무작정 AppBar로 만들기 시작하였으나 AppBar는 제한된 것이 많았다

이를테면 leading에는 뒤로 가기 혹은 햄버거 메뉴를 넣고 센터에는 불필요한 title을 넣는 식으로 이미 정해진 느낌이었다

그래서 오 이걸 어쩌지 하다가 우선은 대충 만들었는데 ㅅㄱ님께서 Stack을 사용해 보는 건 어떻겠냐고 하시며 제안해 주셨다

그러면서 코드를 순식간에 짜셨는데 처음 보는 코드가 몇 개 있어 많이 배웠다

특히 MediaQuery로 화면의 폭과 높이 길이를 구할 수 있다는 점을 깨닫고 정말 유용하게 사용했다

폭의 길이를 7로 나눈 값을 height로 갖고 싶었기 때문에 이걸 알게 되어 겨우 수평을 맞출 수 있었다🫠🩷

악 여하튼 Stack을 활용하면 겹쳐서 올릴 수 있다고 하셔서 오 그게 왜 필요한 거지 싶었는데

ㅅㄱ님께서 단 몇 초만에 (과장이지만 체감상 10초였어요) Stack을 활용해서 구현하고 싶었던 header를 만드시고 그 아래에 scroll 가능한 PlaceHolder를 만드신 후 설명해 주셨다

그 화면을 보았을 때 PlaceHolder가 header에 가려지는 모습을 확인할 수 있었는데

사용자가 스크롤을 해도 header가 위에서 머물다가 화면상에 드러나지 않는 것이 아니라 Stack으로 하면 AppBar처럼 위에 그대로 고정된다! 그래서 말 그대로 Stack을 쌓는 것이다!

요렇게 명료하게 설명해 주셨다

그래서 우선은 Stack에 Expanded를 사용해서 대략 header의 모양새만 만들었다🤭

아직 갈 길이 너무 멀다

하지만 가보쟈고🏃🏻‍♀️