单击按钮时对本机导航做出反应

Question

i have this code and i need to navigate to another component on button press

    const App = () => {
....}
export default App;

---this is the part where im trying to add navigation to the TouchableOpacity

<TouchableOpacity
            style={styles.button}
            onPress={() => navigation.navigate("ViewDrafts")}
          >
            <Text style={styles.content}>View Drafts</Text>
          </TouchableOpacity>

error is undefined is not an object (evaluating 'navigation.navigate')

any idea? how to fix that?

Answer 1

Try changing this:

navigation.navigate("ViewDrafts")

To this:

this.props.navigation.navigate("ViewDrafts")

If this is a functional component you need to include navigation , for example :

import React from 'react'
import { View, Text, TouchableOpacity } from 'react-native'

const Home = /*here*/({navigation}) =>(
    <View>
        <TouchableOpacity
            style={styles.button}
            onPress={() => navigation.navigate("ViewDrafts")}
          >
            <Text style={styles.content}>View Drafts</Text>
          </TouchableOpacity>
    </View>
)

export default Home