无法在本机反应中使用堆栈导航器

Question

App.js 文件：import 'react-native-gesture-handler';        import * as React from 'react';        import { NavigationContainer } from '@react-navigation/native';        import { createStackNavigator } from '@react-navigation/stack';        import Navigator from './routes/homeStack';        import { StyleSheet, Text, View, Button } from 'react-native';        export default function App(){          return(               <Navigator />          );        }        const styles= StyleSheet.create({          container:{            fontSize: 24,          }        });编辑Apollo.js 文件：import React,{Component} from 'react';import {  Platform, StyleSheet, StatusBar, View, Text, TouchableOpacity, FlatList, TouchableHighlight} from 'react-native';import Icon from 'react-native-vector-icons/FontAwesome';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';import firebase from 'firebase'; if (!firebase.apps.length) {   firebase.initializeApp({});}class EditApollo extends Component { constructor(props){  super(props);    this.state={    users1:[]   }  } componentDidMount= () =>{  firebase.database().ref('users1').once('value').then(snapshot => {     var items = [];   snapshot.forEach((child) => {     items.push({        email: child.val().email,        password: child.val().password,       // price: child.val().price,     });  });  this.setState({ users1: items});  console.log(this.state.users1)   });  }  render() {  return(    <View style={styles.container}>   <FlatList style={{width:'100%'}} data={this.state.users1} showsVerticalScrollIndicator={false}   renderItem={elem => (<View style={{elevation:8, marginBottom:13, borderRadius:15,   backgroundColor:'#575FCF', padding:20}}>   <Text style={{fontSize:18, fontWeight:'bold', color:'#fff'}}>{elem.item.email}</Text>  <Text style={{fontSize:18, fontWeight:'bold', lineHeight:25, color:'#fff'}}>{elem.item.password}    </Text>  <View>

Answer 1

当您在 updateApollo 中加载 EditApollo 时，您需要将导航道具传递给您的 EditApollo

在您的 UpdateApollo.js 中：

改变：

<EditApollo />

至

<EditApollo navigation={navigation} />

这将解决您的错误。

检查图像以供参考：

按下它正在导航到编辑屏幕：