Как создать панель навигации в реагировать на родной?

Question

Я новичок в реакции-родной. Я хочу создать панель навигации / раскрывающийся список, который должен содержать Главная, Блоги, регистрация, кнопка входа / ссылки. При нажатии на эти кнопки, он должен перейти на соответствующую страницу.

Приложение. js

 import React from 'react';
 import { Blogs } from './app/views/Blogs.js';
 import {Signup } from './app/views/Signup.js;
 import {Login } from './app/views/Login.js;
 import { createAppContainer } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 import { Home } from './app/views/Home.js';

 const AppNavigator = createStackNavigator(
 {
BlogsRT: {
  screen: Blogs
},
HomeRT: {
  screen: Home
},
SignupRT:{
screen: Signup
} ,
LoginRT:{
screen: Login
},
},
{
initialRouteName: 'HomeRT'
}
);

const MyRoutes = createAppContainer(AppNavigator);
 export default class App extends React.Component {
render() {
return (
  <MyRoutes />

);
}

}

Answer 1

Если вы используете stackNavigator, используйте его в приведенном ниже коде.

this.props.navigation.push('BlogsRT',<pass data>)

Если вы используете switchNavigator, используйте его в приведенном ниже коде.

this.props.navigation.navigate('BlogsRT')

Примечание : - Вы можете написать это на событие нажатия кнопки.