Почему реагирует нативный поиск компонента в createStackNavigator? - PullRequest
Новая
       7

Почему реагирует нативный поиск компонента в createStackNavigator?

0 голосов
/ 16 января 2019

Я пытаюсь настроить собственный ящик реакции в моем приложении.

Я пытаюсь настроить навигацию по ящикам, и кажется, что StackNavigator устарела, поэтому мне сложно выполнить навигацию по ящикам. Также приложение не видит компонент, который я экспортировал как компонент.

Это точка входа в приложение 

import React, {Component} from 'react';
import stackNav from './components/stacknav';
import {AppRegistry,View,Dimensions} from 'react-native';
import { createStackNavigator ,DrawerNavigator,createAppContainer} 
from 'react-navigation';
import SideMenu  from './components/SideMenu/SideMenu'

 const drawernav = createStackNavigator({
Item1: {
  screen: stackNav,
 }
 }, {
  contentComponent: SideMenu,
 drawerWidth: Dimensions.get('window').width - 120,  
});
const AppStack = createAppContainer(drawernav);
export default class App extends React.Component {
 render() {
return <AppStack />;
}
}

Это компонент stackNav 

import React, { Component}  from 'react';
import HomeScreen from './HomeScreen';
import TopUpScreen from './TopUpScreen';
import LogoutScreen from './LogoutScreen';
import SideMenu from './SideMenu/SideMenu';
import {createStackNavigator} from 'react-navigation';
import {Platform,StyleSheet,Text,View, TouchableOpacity} from 
'react- native';
import IOSIcon from "react-native-vector-icons/Ionicons";

export const  stackNav = createStackNavigator({
Home : {
screen: HomeScreen,
navigationOptions: ({navigation}) => ({
  title: "Main",
  headerLeft:(<TouchableOpacity onPress={() => 
 this.props.navigation.openDrawer()}>
                <IOSIcon name="ios-menu" size={30} />
              </TouchableOpacity>
  ),
  headerStyle: { paddingRight: 10, paddingLeft: 15 }
})
},
TopUp: {
  screen: TopUpScreen,
  navigationOptions: ({navigation}) => ({
  title: "TopUp",
  })     
 }
 });

Это для навигатора ящика 

import React, {Component} from 'react';
import stackNav from './stacknav';
import {AppRegistry,View,Dimensions} from 'react-native';
import { DrawerNavigator,createStackNavigator } from 'react- 
navigation';
import SideMenu  from './SideMenu/SideMenu'

export const drawernav = DrawerNavigator({

contentComponent: SideMenu,
drawerWidth: Dimensions.get('window').width - 120,  
});

Я ожидаю, что приложение покажет ящик в том, что мы видим в Android и IOS, а также в приложении ничего не отображается.

...