React-native day 1.1

React-native day 1.1

·

1 min read

Table of contents

No heading

No headings in the article.

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

function MyApp() :JSX.Element{
    const isDarkMode =useColorScheme() === "dark"
    return(
      <View style={styles.container}>
         <Text style={isDarkMode ? styles.whiteText :
         styles.whiteText }>
            Hello World
         </Text>
      </View>   
)}
const styles=StyleSheet.create({
    container :{

        flex :1,
        alignItems:'flex-end',
        justifyContent: 'center',
    },
    whiteText :{
        color:'#641E16'
    },
    darkText :{
        color: '#000000'
    },
})

export default MyApp