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 Navigation5。它确实非常简单易用，并且功能强大，可以为您提供所有可能需要的导航流，而不仅仅是选项卡。以下是有关标签的一些使用链接，另一个是使用标签的常规导航

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

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

如何在React Native中实现BottomTabNavigator？

1 个答案: