Creating our app's entry point

Let's start our app's code by creating the entry point for our app: index.js . We import src/main.js in this file to use a common root component for our code base. Moreover, we will register the app with the name carBooking:

/*** index.js ***/import { AppRegistry } from 'react-native';import App from './src/main';AppRegistry.registerComponent('carBooking', () => App);

Let's start building our src/main.js by adding a map component:

/*** src/main.js ** */import React from 'react';import { View, StyleSheet } from 'react-native';import MapView from 'react-native-maps';export default class Main extends React.Component {  constructor(props) {    super(props);    this.initialRegion = {      latitude: 37.78825, longitude: -122.4324, ...

Get React Native Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.