FLUTTER ECOSYSTEM

abuanwar072/Build-an-Animated-App-with-Rive-and-Flutter

Rive와 Flutter를 사용한 애니메이션 앱

Rive와 Flutter를 사용한 애니메이션 앱 프로젝트 이미지
Stars
363
Forks
128
최근 푸시(UTC)
2024. 8. 10.
프로젝트 상태
활성
Abu Anwar GitHub avatar
GITHUB User

Abu Anwar ↗

Google Developer Expert - Flutter & Dart | YouTuber (The Flutter Way)

언어Objective-CMakefileCDartC++CMakeRubyHTMLSwiftKotlin

관련 패키지 및 예제

사용 중인 의존성

의존성 목록 6 개

앱 카테고리

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

Animated App with Rive and Flutter

Fonts

Watch it on YouTube

Hello, welcome to my new Flutter series focused entirely on animation. This is the app we are planning to build. As you can see a beautiful background animation using shapes and blur. As well as a cool button animation. Once we tap on the sign-in button a loading animation shows. If there is any error it shows an error animation. It will load and have a success animation with confetti if everything is okay. Also on the bottom navigation bar, we have animated icons that really make your app design stand out more.

So, what is really surprising about this is that we're using animated assets, which means that these icon animations are not made in code. Instead, they're made in Rive which is a really cool animation tool that lets you create animated assets for your website, iOS, Android, and most importantly Flutter.

Animated App with Rive and Flutter

Preview

App UI