Question

我有此代码，我需要在按下按钮时导航到另一个组件

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

---这是我试图向TouchableOpacity添加导航的部分

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

错误是undefined is not an object (evaluating 'navigation.navigate')

有什么主意吗？该如何解决？

Answer 1

尝试更改此内容：

navigation.navigate("ViewDrafts")

对此：

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

如果这是一个功能组件，则需要包括navigation，例如：

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

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

1 个答案: