Book Image

React Native Cookbook - Second Edition

By : Ward
4 (1)
Book Image

React Native Cookbook - Second Edition

4 (1)
By: Ward

Overview of this book

If you are a developer looking to create mobile applications with maximized code reusability and minimized cost, React Native is what you need. With this practical guide, you’ll be able to build attractive UIs, tackle common problems in mobile development, and achieve improved performance in mobile environments. This book starts by covering the common techniques for React Native customization and helps you set up your development platforms. Over the course of the book, you’ll work through a wide variety of recipes that help you create, style, and animate your apps with built-in React Native and custom third-party components. You’ll also develop real-world browser-based authentication, build a fully functional audio player, and integrate Google Maps in your apps. This book will help you explore different strategies for working with data, including leveraging the popular Redux library and optimizing your app’s dataflow. You’ll also learn how to write native device functionality for new and existing React Native projects and how app deployment works. By the end of this book, you'll be equipped with tips and tricks to write efficient code and have the skills to build full iOS and Android applications using React Native.
Table of Contents (17 chapters)

Creating an image carousel

There are all kinds of applications that make use of image carousels. Any time there's a collection of images that you'd like your user to be able to peruse, a carousel is likely among the most effective UI patterns for accomplishing the task.

There are a number of packages in the React Native community for handling the creation of carousels, but in my experience none are more stable or more versatile than react-native-snap-carousel (https://github.com/archriss/react-native-snap-carousel). This package provides a great API for customizing the look and behavior of your carousel, and supports Expo app development without the need for ejecting. You can easily change how slides appear as they slide in and out of the carousel frame via the Carousel component's layout property, and as of version 3.6, you can even create custom interpolations...