Because React Native utilizes truly native mobile technology, it allows us to create applications that not only look native but also feel native. Native applications are capable of fast, 60-fps animations, and can respond to complex touch gestures such as swipe and pinch. To that end, React Native offers two complementary animation APIs—Animated
and LayoutAnimation
. PanResponder
is another React Native API for handling advanced single-touch gestures or simple multi-touch gestures that can be easily paired with the Animated
API.
In this chapter, we'll learn more about these APIs by building an onboarding experience for RNNYT. We'll break this process down into the following:
Building a basic onboarding view without any animations
Upgrading the onboarding experience using the
LayoutAnimation
APIFurther upgrading onboarding with more complex animations using the
Animated
APIAllowing users to swipe through the onboarding views using the
PanResponder...