Display Hello World on Screen in React Native

React Natives — Tue, 27 Sep 2022 17:16:08 +0000

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { SafeAreaView, Text, View } from 'react-native';

export default class App extends React.Component {
render() {
return (

React Native

)
}
}

const android = {
mainScreen: {
height: "100%",
width: "100%",
},
screen: {
height: "100%",
width: "100%",
backgroundColor: "black",
display: "flex",
alignItems: "center",
justifyContent: "center",
},
text: {
color: "dodgerblue",
fontWeight: "bold",
fontSize: "25px",
},
};

/*
i have written this code into App.js file of react native project file. and get following result

DEV Community: React Natives

Display Hello World on Screen in React Native