text: import React from 'react';
  import { Text, StyleSheet, View, Button, TouchableOpacity } from 'react-native';
  
  // When a parent rerenders all childs will be rerendered as well
  
  const HomeScreen = ({ navigation }) => {
    console.log('Home Screen', navigation);
    return (
      <View>
        <Text style={styles.text}>Daheim</Text>
        <Button onPress={() => navigation.navigate('Components')} title="Go to components demo" />
        <TouchableOpacity onPress={() => navigation.navigate('List')}>
          <Text>Go to list demo</Text>
        </TouchableOpacity>
  
        <Button onPress={() => navigation.navigate('Images')} title="To Image Screen" />
        <Button onPress={() => navigation.navigate('Counter')} title="To Counters" />
        <Button onPress={() => navigation.navigate('Color')} title="To Color" />
        <Button onPress={() => navigation.navigate('Square')} title="To Square" />
        <Button onPress={() => navigation.navigate('Box')} title="To Box" />
        <Button onPress={() => navigation.navigate('TextScreen')} title="To Text" />
      </View>
    );
  };
  
  const styles = StyleSheet.create({
    text: {
      fontSize: 30,
    },
  });
  
  export default HomeScreen;
  