寻找有关将 React Navigation 用于 Web 的最佳实践的一般建议。例如，我想将底部标签（在本机中）移动到顶部（在网络上）？这样做的好方法是什么？有没有办法根据平台隐藏/显示/更改导航？
【问题讨论】：
react-native（移动），而问题也指定了网络。
标签： javascript reactjs react-native react-navigation
结果比我想象的要容易。谢谢@Drew Reese
如果以下是您的根导航器，例如 -：
function RootNavigator() {
return (
<Stack.Navigator>
<Stack.Screen name="authNav" component={AuthNavigator} />
<Stack.Screen name="main" component={MainNavigator} />
</Stack.Navigator>
);
}
如果您希望您的网络应用程序将主导航器加载为侧边栏，并让您的本地应用程序将主导航器加载为底部导航器，例如，在 MainNavigator.native.js 和侧边栏创建底部选项卡导航器（抽屉类型设置为永久的抽屉导航器）在MainNavigator.js.
即使导入保持不变。高效！
import MainNavigator from './MainNavigator'
【讨论】：
您至少可以通过两种不同的方式来实现这一点，但我认为更好的方式是使用媒体查询。
一种方法是使用Media Queries，您基本上可以在其中检查screen 的大小。
您可以有条件地渲染当前屏幕尺寸在特定范围内，或者小于或大于特定尺寸。
这是Guide to Media Queries from CSS Tricks
对于某些尺寸，我将缩写为
xs、sm、md、lg、xl（extra-small、small、medium、large、@9876 )。
在你的场景中
所以基本上，您可以渲染选项卡（或任何 UI 元素，真的）或隐藏它们，或有条件地应用 css。
另一种方法是使用User Agent。
您可以检查特定于平台的字符串，例如Android、iPhone、iPad、Macintosh 等。
const { userAgent } = window.navigator
console.log(userAgent)
【讨论】：