Как реализовать BottomTabNavigator в React Native? - PullRequest
0 голосов
/ 27 марта 2020

Я НОВЫЙ для React Native, и я изо всех сил пытаюсь реализовать BottomTabNavigator на моем экране LoggedIn. Ниже приведен мой код в файле моего приложения. js для реализации структуры навигации, хотя я не смотрю. Может кто-нибудь любезно сказать мне, что не так с кодом и объяснить, как его успешно реализовать? Очень признателен.

У меня есть два экрана: LoggedIn и PostMessage.

 import React from 'react';
 import { View, Text} from 'react-native';
 import { createBottomTabNavigator } from "react-navigation-tabs";


 import PostMessage from "../screens/PostMessage";
 import LoggedIn from "../screens/LoggedIn";


const BottomTab = createBottomTabNavigator({
LoggedIn: {
screen: LoggedIn
},

 PostMessage: {
screen: PostMessage
},

});


export default BottomTab;

1 Ответ

0 голосов
/ 27 марта 2020

Кажется, в этом фрагменте чего-то не хватает. С учетом вышесказанного вы можете изучить использование React Navigation 5. Он действительно очень прост в использовании и надежен, чтобы предоставить все навигационные потоки, которые могут вам понадобиться, а не только вкладки. Ниже приведены некоторые ссылки с использованием вкладок, а другая - для общей навигации с использованием

https://reactnavigation.org/docs/tab-based-navigation

https://reactnavigation.org/blog/2020/01/29/using-react-navigation-5-with-react-native-paper

...