In this lesson we'll create a heart shaped like button that bounces when it is pressed. We'll use interpolate and Animated.spring to accomplish the effect.

In this lesson we'll create a like button that explodes with hearts. We'll use Animated.stagger, Animated.sequence, Animated.delay, and Animated.parallel to coordinate the animations.

In this lesson we'll create a collapsible header bar. We'll use a ScrollView and the onScroll event to hide/show information based upon how far a user scrolls.

In this lesson we'll build a "tap to show love" animation. When the screen is tapped we'll create a heart randomly that will float to the top of the screen and disappear.

In this lesson we'll explore how to measure the dimensions and get the position of a React Native element using onLayout and UIManager.measure. Additionally we'll see how to use the helper function measure on the component ref for easier measurement.

How to make an awesome folding ticket animation! Contribute to ifsnow/FoldingTicket development by creating an account on GitHub.

A React Native app - Clone Instagram mobile app. Contribute to iamvucms/react-native-instagram-clone development by creating an account on GitHub.

From basics to mastery of the Animated library in React Native. This course will guide you through the fundamentals of using each specific Animated function. We'll move on through basic usage with simple examples. Followed by advanced usage with simplified…

Explore this post and more from the reactjs community

A navigation UI ready to drop into your React Native application.

App with example of Animated API usage.

A performant interactive bottom sheet with fully configurable option.

A 60FPS animated tab bar with a variety of cool animation presets.

An awesome and cross-platform React Native date picker and calendar component for iOS and Android.

Guide to React Native Progress Bar. Here we discuss how does React Native Progress Bar Works and its Examples along with Code Implementation.

First of all, thank you all guys for maintaining this awesome repo, it helps a lot to get started using Maps with ReactNative.
For those who are not familiar with the names of the functions this PR...

The expected native behavior of scrollable components is to respond to events from navigation that will scroll to top when tapping on the active tab as you would expect from native tab bars.