如何在 React Native 中实现一个 BottomTabNavigator？

Question

我是 React Native 的新手，我正在努力在我的 LoggedIn 屏幕上实现一个 BottomTabNavigator。 下面是我的 App.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;

Answer 1

这个片段似乎有很多遗漏。 话虽如此，您可以考虑使用 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