DEV Community

React Natives
React Natives

Posted on

Display Hello World on Screen in React Native

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

*/

Image description

Top comments (0)