Creating your first app with React Native and Expo

In this blog we will learn how to start with react native mobile application. I am using expo CLI here .

If you have not install expo CLI yet then run the bellow command .

npm install -g expo-cli

or you can check the documentations here  https://docs.expo.io/versions/v35.0.0/introduction/installation/

Now create a your project using following command . 

expo init projectName

After creation of project run command cd projectName .

Then start your app by command .

npm start

Download the expo client from play store , open the the expo client scan the qr code generated on terminal.

Now modify your app.js file as below

import React from "react";
import { StyleSheet, Text, View } from "react-native";

export default function App() {
    return (
        <View style={styles.container}>
            <Text>Hello World</Text>
        </View>
    );
}

 
const styles = StyleSheet.create({

    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
    },
});