时间戳

首页 > 解决方案 > 在 Web 上配置 React Navigation：基于平台隐藏底部标签栏

javascript - 在 Web 上配置 React Navigation：基于平台隐藏底部标签栏

问题描述

寻找有关为 web 调整 React Navigation 的最佳实践的一般建议。例如，我想将底部标签（在本机中）移动到顶部（在网络上）？这样做的好方法是什么？有没有办法根据平台隐藏/显示/更改导航？

标签： javascriptreactjsreact-nativereact-navigation

解决方案

结果比我想象的要容易。谢谢@Drew Reese

例如，如果以下是您的根导航器 - ：

function RootNavigator() {

  return (
    <Stack.Navigator>
        <Stack.Screen name="authNav" component={AuthNavigator} />
        <Stack.Screen name="main" component={MainNavigator} />
    </Stack.Navigator>
  );
}

例如，如果您希望您的 Web 应用程序将主导航器加载为侧边栏，并让您的本地人将主导航器加载为底部导航器，例如，创建一个底部选项卡导航MainNavigator.native.js器和一个侧边栏（设置了抽屉类型的抽屉导航器永久）在MainNavigator.js.

即使是导入也保持不变。高效的！

import MainNavigator from './MainNavigator'

推荐阅读