#react-native #react-navigation
#react-native #реагировать-навигация
Вопрос:
Я создаю боковое меню с помощью react-navigation. Я получаю указанную выше ошибку. Когда я погуглил, я получил решение, что я должен изменить версию react-navigation на 1.0.0-beta.23. Я сделал это. Но, тем не менее, я сталкиваюсь с той же ошибкой.
Мой index.js,
import { AppRegistry, Dimensions } from 'react-native';
import DrawerNavigator from 'react-navigation';
// import App from './App';
//Components
import HomeComponent from './components/HomeComponent';
import InfoComponent from './components/InfoComponent';
import SettingsComponent from './components/SettingsComponent';
import CloudComponent from './components/CloudComponent';
//Screen names
import { Home, Info, Settings, Cloud } from './screenNames';
//Screen size
var {height, width} = Dimensions.get('window');
let routeConfigs = {
Home: {
path: '/',
screen: HomeComponent,
},
Info: {
path: '/info',
screen: InfoComponent,
},
Settings: {
screen: SettingsComponent,
},
Cloud: {
screen: CloudComponent,
},
};
let drawerNavigatorConfig = {
initialRouteName: Home,
drawerWidth: width / 2,
drawerPosition: 'left',
drawerOpenRoute: 'DrawerOpen',
drawerCloseRoute: 'DrawerClose',
drawerToggleRoute: 'DrawerToggle',
// drawerBackgroundColor: 'orange',
contentOptions: {
activeTintColor: 'red',
},
order: [Info, Settings, Cloud, Home]
};
const App = DrawerNavigator(routeConfigs, drawerNavigatorConfig);
AppRegistry.registerComponent('tutorialProject', () => App);
Комментарии:
1. На самом деле вы используете очень старую версию react-navigation, почему бы не попробовать с последней версией (3.6.1)?
2. @Jose, изначально я устал только от новой версии. Но я столкнулся с той же проблемой. Когда я гуглю это. Кто-то предложил использовать бета-версию в GitHub. Поэтому я использовал более старую версию.
3. Теперь я попробовал с новой версией. Все та же проблема.