找不到变量导航

Question

我正在尝试使用反应导航，但出现此错误

import React, { useState } from 'react'
import{StyleSheet,Text,View,TextInput} from 'react-native'
import { TouchableOpacity,FlatList,ScrollView,} from 'react-native-gesture-handler'
import LegalInformation from './LegalInformation'
import {NavigationContainer} from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'

export default function App(){
    const[menu,menupeople]=useState([
        {name:'My Account',key:1},
        {name:'Notification Settings',key:2},
        {name:'Clear Cache',key:3},
        {name:'Legal Information',key:4},
        {name:'Rate App Tak',key:5},
        {name:'Version',key:6},
        {name:'About',key:7},
    ])
    return(
        <View style={styles.container}>

            <ScrollView>
            
            {menu.map((item)=>{
                return(
               <TouchableOpacity onPress={()=>navigation.navigate(LegalInformation)}
               key={item.key}
               >
                   <Text style={styles.item}
                   >{item.name}</Text>
             </TouchableOpacity>
                )
            })}
          
            </ScrollView> 
        </View>
    )
    
}
const styles=StyleSheet.create({
    container:{
        flex:1,
        backgroundColor:'#fff',
        paddingTop:40,
        paddingHorizontal:20,
        alignItems:'center'
    }
})

我阅读了反应导航的文档，并安装了所有依赖项，并导入了必需的依赖项，但这似乎无济于事

Answer 1

您应该像这样从navigation获得props

export default function App(props){    
let {navigation}=props;
//your code
}

，但首先请确保您的组件被NavigationContainer包裹。阅读this了解更多详细信息。