Get to know two libraries for adding animated icons
- [Instructor] Unique and fun animations…are not just eye candy.…They add a personable avatar to your app…and make the experience more meaningful and memorable.…Unfortunately, complex animations like these…can be difficult to create with code.…Let's look at two React Native libraries…that make it easier to add animated icons to our app.…The first library is called SpinKit.…It's a collection of spinner animations…that you can easily add into your app.…
You can customize the color and the size of the spinners.…I've put together a list of all spinners…that are available on Android.…Let me switch to phone view.…You can see it all here.…You can just add spinner tag…and customize it however you want.…The second library Lottie is a very interesting tool…that renders animations exported from Adobe After Effects.…
Historically, custom complex animations…must be implemented in code case by case.…This requires tight coordination…between designers and developers.…A designer would typically create animation…in tools like After Effects.…
- Using material design principles
- Working with units and measurements
- Using elevation and drop shadows
- Leveraging grids and keylines
- Setting up React Native for Android
- Building floating action buttons
- Creating an immersive experience
- Adding motion and transitions
- Animating icons
- Using component libraries
Skill Level Intermediate
Android App Development: Data Persistence Librarieswith Annyce Davis4h 52m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
1. Material Design Overview
2. Tools and Environment Setup
3. Build the Materials with React Native
4. Material Motion with React Native
5. Component Libraries
Library selection strategy3m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.