Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Native Cookbook

You're reading from React Native Cookbook Recipes for solving common React Native development problems

Product type Paperback

Published in Jan 2019

Publisher Packt

ISBN-13 9781788991926

Length 592 pages

Edition 2nd Edition

Languages

JavaScript

Tools

React

Concepts

Cross Platform Mobile Development

Author (1):

Daniel Ward

View More author details

Table of Contents (17) Chapters

Preface

1. Setting Up Your Environment FREE CHAPTER

2. Creating a Simple React Native App

3. Implementing Complex User Interfaces - Part I

4. Implementing Complex User Interfaces - Part II

5. Implementing Complex User Interfaces - Part III

6. Adding Basic Animations to Your App

7. Adding Advanced Animations to Your App

8. Working with Application Logic and Data

9. Implementing Redux

10. App Workflow and Third-Party Plugins

11. Adding Native Functionality - Part I

12. Adding Native Functionality - Part II

13. Integration with Native Applications

14. Deploying Your App

15. Optimizing the Performance of Your App

16. Other Books You May Enjoy

Leave a review - let other readers know what you think

Displaying images in fullscreen

In this recipe, we'll create a timeline of images. When the user presses any of the images, it will fullscreen the image with a black background.

We will use an opacity animation for the background, and we'll slide the image in from its original position.

Getting ready

Let's create an empty app called photo-viewer.

In addition, we'll also create PostContainer/index.js for showing each image in the timeline, and PhotoViewer/index.js for showing the selected image in fullscreen.

You can either use the images included in this recipe's repository hosted on GitHub (https://github.com/warlyware/react-native-cookbook/tree/master/chapter-7/photo-viewer), or use a few photos...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Ward

Ward

Dan Ward is a full-stack developer and web technology consultant who has a number of years of experience working on mobile applications with React Native, and developing web applications with React, Vue, and Angular. He's also a co-founder at gitconnected, and co-editor at the associated Medium publication. His professional interests include React Native development, modern web development, and technical writing. He also has a BA in English Literature from Florida State University.

See other products by Ward

Other recommended products

Related to this chapter

React Native - Building Mobile Apps with JavaScript

React Native - Building Mobile Apps with JavaScript

The emergence of React Native has made creating mobile apps in JavaScript easier for developers. This book introduces you to the React Native framework and the mobile apps development process. It starts with how React Native fits into the world of hybrid apps, and why it’s a popular framework. You’ll learn how React Native works under the hood--compiling JavaScript to Native code to bridge JavaScript and native apps. Also, you’ll learn how to write React Native components and use the ReactJS way of structuring your app. Understand how to use the industry standard Redux architecture as well as MobX--a newly emerging approach for state management--making your apps more robust and scalable.

Aug 2017 14h 28m

Mastering React Native

Mastering React Native

Do you want to build robust applications using React Native? Mastering React Native will help you do just this by showing you how to manage data using Redux and Redux middleware, apply animations in your applications, and more!

Jan 2017 16h 32m

React Native By Example

React Native By Example

React Native is gaining massive popularity in the world of app development with its ability to build native apps using JavaScript. Developers now have the luxury to create incredible mobile experiences that look and feel native to their platforms using the comfort of a well-known language and the popular React JS library. This book allows you to build your own native mobile applications for the iOS and Android platforms with the benefits of a native mobile experience while leveraging the finesse and simplicity of JavaScript and React.

Apr 2017 13h 48m

React: Cross-Platform Application Development with React Native

React: Cross-Platform Application Development with React Native

With React Native, you can build native mobile apps that are much more powerful, interactive, and faster by using JavaScript. React Native helps web and mobile developers to build cross-platform apps at a high level. This book takes you through four projects to help understand of the framework and build mobile apps with native user experience.

Rapid Application Development with AWS Amplify

Rapid Application Development with AWS Amplify

Amplify framework is a JS framework used for building scalable mobile and web apps that are reinforced with cloud support for deploying on platforms like iOS, Android, and browsers. This book is a comprehensive introduction for those who are new to AWS Amplify, Agile and DevOps, and will help you to build products with speed and quality.

Jul 2021 11h 28m

React Native Blueprints

React Native Blueprints

Considering the success of React framework, Facebook has recently introduced a new mobile development methodology named React Native. With React Native on board, you'll be able to build native mobile applications using JavaScript, making much more powerful, faster, and more interactive applications. React Native is a game-changing approach to hybrid mobile development. This project-based guide takes you through 8 projects to help you gain a sound understanding of the framework when it comes to building mobile apps with native user experience.

Nov 2017 11h 32m

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

React and React Native

React and React Native

Discover and learn how to use React and React Native to build mobile, desktop and web apps. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Apr 2020 17h 32m

Hands-On Design Patterns with React Native

Hands-On Design Patterns with React Native

React Native has changed the mobile business by enabling JavaScript developers to write cross-platform native codes conveniently. This book focuses on effective design patterns in React Native with real-life examples. The end goal is to help readers with techniques and patterns to make React Native development easy and efficient.

Sep 2018 10h 4m

React and React Native

React and React Native

Discover and learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Mar 2017 16h 40m

React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Sep 2018 18h 0m