Book Image

Getting Started with React Native

By : Ethan Holmes, Tom Bray
Book Image

Getting Started with React Native

By: Ethan Holmes, Tom Bray

Overview of this book

React Native is a game-changing approach to hybrid mobile development. Web developers can leverage their existing skills to write mobile applications in JavaScript that are truly native without using cross-compilation or web views. These applications have all of the advantages of those written in Objective-C or Java, combined with the rapid development cycle that JavaScript developers are accustomed to. Web developers who want to develop native mobile applications face a high barrier to entry, because they are forced to learn platform-specific languages and frameworks. Numerous hybrid technologies have tried to simplify this process, but have failed to achieve the performance and appearance that users expect. This book will show you all the advantages of true native development that React Native has without the steep learning curve, leveraging the knowledge you already have. We do this by getting you up and running quickly with a sample application. Next, we’ll introduce you to the fundamentals of creating components and explain how React Native works under the hood. Once you have established a solid foundation, you will dive headfirst into developing a real-world application from start to finish. Along the way, we will demonstrate how to create multiple screens and navigate between them,use layout and style native UI components, and access native APIs such as local storage and geolocation. Finally, we tackle the advanced topic of Native modules, which demonstrates that there are truly no limits to what you can do with React Native.
Table of Contents (15 chapters)

Installing react-native-camera on iOS

There are three steps to install react-native-camera and to include it in our CameraScreen. From the command line, navigate to the ReactNotes directory and run the following command:

npm install [email protected] --save

If you take a look at the node_modules directory in the ReactNotes project you'll see a new directory named react-native-camera, which contains both the JavaScript and native source code of the module. In the ios subdirectory, you'll notice a file called RCTCamera.xcodeproj, as shown in the following screenshot:

We need to add this file to our Xcode project's library. In the Xcode project navigator, right-click on Libraries and choose Add Files to ReactNotes:

In the Finder window that appears, navigate to ReactNotes | node_modules | react-native-camera | ios, select RCTCamera.xcodeproj and click Add:

Take a look at the Libraries folder in the project navigator and you should see RCTCamera.xcodeproj in the list.

Next, select ReactNotes...