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

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&nbsp;/>至<EditApollo&nbsp;navigation={navigation}&nbsp;/>这将解决您的错误。检查图像以供参考：按下它正在导航到编辑屏幕：