Tutorial

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, TouchableHighlight, View, Image, SafeAreaView } from 'react-native';
import WelcomeScreen from './app/screens/WelcomeScreen';

export default function App() {
  const handlePress =() =>console.log("Text clicked");

  return (
  <SafeAreaView style = {styles.container}>
     <Text numberOfLines={1}> {handlePress} 
      Hello React Native 
        </Text>
      <TouchableHighlight onPress={()=> console.log("Image tapped")}>
        <Image source={{      
          width: 200,
          height: 300,
          uri: "https://picsum.photos/200/300"
          }} 
          />

      </TouchableHighlight>
  </SafeAreaView>

  );  
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    justifyContent: "center",
    alignItems:"center",


    
  },
});


#Buttons 

return (
    <SafeAreaView style = {styles.container}>
       <Button 
       color="orange"
       title="Click Me" 
       onPress={()=> console.log("Button tapped") }/>
    </SafeAreaView>
    );  
  }