개발/software

Flutter Material 3 레이아웃을 활용한 앱 제작 체험

harftware 2024. 9. 8. 01:21

원제: Building an animated responsive app layout with Material 3

 

링크: https://codelabs.developers.google.com/codelabs/flutter-animated-responsive-layout#0

 

Building an animated responsive app layout with Material 3  |  Google Codelabs

In this codelab, you’ll gain experience with building an application with adaptive design that animates fluidly with Material 3 on all six platforms that Flutter supports.

codelabs.developers.google.com

 

Flutter 앱에서 구글의 Material 3 레이아웃 디자인을 체험해볼수 있는 꽤 괜찮은 샘플이다.

 

아이콘, 이미지 에셋, 각종 레이아웃을 반응형으로 만들어서 폰과 테블릿, 네이티브, 웹 브라우저에서 실행해 볼 수 있다.

기본 레이아웃과 스타일링을 통해서 딱히 화려하지는 않지만 그대로 서비스 제작에 사용해도 크게 문제 없을 정도로 보인다.

실행은 아이폰, 안드로이드폰, 아이패드, 맥 네이티브, 크롬 브라우저에서 테스트 해보았다.

'개발 > software' 카테고리의 다른 글

Flutter widget catalog  (0) 2024.09.07