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,
latitudeDelta: 0.00922,
longitudeDelta: 0.00421,
};
}
render() {
return (
<View style={{ flex: 1 }}>
<MapView
style={styles.fullScreenMap}
initialRegion...