React: Cross-Platform Application Development with React Native

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, ...