daily log 11.13.20

BEFORE DESTRUCTURING

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

const HomeScreen = props => {
  return (
    <View>
      <Text style={styles.text}>HI pippin!!</Text>
      <Button 
        onPress={()=> {props.navigation.navigate('Components')}}
        title="Go to Components Demo" 
        />
      <Button 
        onPress={()=> {props.navigation.navigate('List')}}
        title="Go to List Demo" 
        />
        <TouchableOpacity onPress={()=> console.log('list pressed')}>
          <Text>Go to List Demo</Text>
        </TouchableOpacity>
    </View>);
};

const styles = StyleSheet.create({
  text: {
    fontSize: 30,
  },
});

export default HomeScreen;

AFTER DESTRUCTURING

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

const HomeScreen = ({ navigation }) => {
  return (
    <View>
      <Text style={styles.text}>HI pippin!!</Text>
      <Button 
        onPress={()=> {navigation.navigate('Components')}}
        title="Go to Components Demo" 
        />
      <Button 
        onPress={()=> {navigation.navigate('List')}}
        title="Go to List Demo" 
        />
        <TouchableOpacity onPress={()=> console.log('list pressed')}>
          <Text>Go to List Demo</Text>
        </TouchableOpacity>
    </View>);
};

const styles = StyleSheet.create({
  text: {
    fontSize: 30,
  },
});

export default HomeScreen;