오늘은 Rive의 애니메이션 아이콘을 활용하여 Flutter에서 사용자 지정 하단 탐색 모음을 만드는 방법을 보여드리겠습니다.
🔥 애니메이션 아이콘: https://rive.app/community/1298-2487-...
📰 글: / build-a-custom-bottom-navigation-bar-in-fl...
📦 소스 코드: https://www.flutterlibrary.com/templa... [전체 애니메이션 앱]
🔗 실시간 미리보기: https://abuanwar072.github.io/Build-a...
►3D 인트로에는 Rotato를 사용했습니다: https://bit.ly/3heGagj
►후원: / theflutterway
► 소셜 미디어
GitHub: https://github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (개인 프로필)
Facebook: / theflutterway
► 타임스탬프
0:00 소개
0:15 프로젝트 설정
0:34 무료 애니메이션 아이콘 다운로드
0:40 애니메이션 아이콘 설정
0:57 RiveModel
1:04 아트보드와 상태 머신이란 무엇인가요?
2:00 사용자 지정 하단 탐색 모음 만들기
3:10 하단 탐색 모음에 애니메이션 아이콘 표시
4:15 애니메이션 아이콘 컨트롤러
6:02 코드 리팩토링
6:57 애니메이션 모음
8:27 성능 최적화: 컨트롤러 삭제
9:03 각 탭 페이지 설정
9:25 감사합니다 🙏
시청해 주셔서 감사합니다!
좋아요를 눌러주시고 구독하시면 더 많은 영상을 보실 수 있습니다!