상세 컨텐츠

본문 제목

[Flutter] 간단 또스2 (애니메이션)

notes

by 서울의볼 2024. 4. 24. 15:54

본문

- flutter animate 패키지가 대유행임

- flutter 팀에서 직접 만든 공식 패키지는 animations임

- 패키지의 레포지토리에서 데모코드 보면서 적용해라

- flutter inspector에서 toggle selector로 아이콘이나 위젯 누르면 웹에서 css f12로 잡듯이 보여줌.

- android studio에서 structure를 활용하면 아주 큰 파일(복잡한 코드)를 클래스/메소드 등등 구조화 하여 확인할 수 있음.

- Rive는 애펙을 활용하여 애니메이션을 json화 하는 패키지임. 대세인 듯. 근데 애펙 사용할 줄 아는 디자이너용인 듯...인줄 알았는데 웹 브라우저에서 편집 가능하네?

- Rive 애니메이션은 사이즈를 무조건 정해줘야한다 함.

 

 

 

 

 

 

3.3.1) flutter animate package (+강사 패키지) 적용

3.3.2) flutter의 animations 패키지 적용

3.3.3) animated container & animated cross fade

3.3.4) flutter animation 원리 (structure 확인하고 파일 타고 들어가서 하나 하나 확인)

3.3.5~7) 생략 (필요시 듣자)

3.3.8~9) Rive 유료인데 파일 3개는 무료로 만들 수 있대

3.3.10) 애니메이션 앱에 실제 적용

 

 

 

 

관련글 더보기