- Flutter를 이용하여 Panel App을 구현하는 튜토리얼, Part 3입니다! 📷
- 이번에는 이미지 상세 정보를 표시하는 모델 시트와 이미지 컨텍스트를 위한 Collection 템플릿 스타일을 제작합니다. 👌
- 이미지 클릭 시 모델 시트를 열어 이미지 상세 정보를 확인하고 다운로드할 수 있도록 구성합니다. 🚀
FractionalSizeBox
를 사용하여 모델 시트의 높이를 스크린 제로의 90%로 설정합니다. 🧮- 이미지, 제목, 버튼, 작가 정보와 같은 핵심 요소를 사용하여 이미지 상세 화면을 디자인합니다. 🖌️
Container
를 사용하여 이미지를 원형으로 만들고,Stack
widget를 사용하여 좋아요 표시를 추가합니다. 😎Row
widget를 사용하여 이미지 및 작가 정보를 배치하고, 간격을 조절하여 정렬을 개선합니다. ✨