react-native - 如何在 react-native 中复制 Instagram 导航？
问题描述
在 Instagram 上，我们目前有 3 个可滑动屏幕 ( createMaterialTopTabNavigator)
Camera - HomeBottomNav - DM：.
其中HomeBottomNav( createBottomTabNavigator) 有 HomeStack、SearchScreen 和其他屏幕。
在 BottomNav 的 HomeStack 中，我们可以向左/向右滑动到其他 TopBar。但是当在其他 BottomNav 屏幕中时，我们不能。
此外，TopBars 向左/向右滑动只能在 HomeStack-FeedScreen 中进行，而不是在 HomeStack-ProfileScreen 中。
这种从提要屏幕到某些用户配置文件屏幕的导航应该发生在 BottomNav 中。
我设法创建了一个导航系统，其中大部分都可以工作，但总是启用左/右滑动。
这是我所拥有的简化片段：
小吃链接：https ://snack.expo.io/@gustavoaz7/instagram-navigation
嵌入代码：
<div data-snack-id="@gustavoaz7/instagram-navigation" data-snack-platform="web" data-snack-preview="true" data-snack-theme="light" style="overflow:hidden;background:#F9F9F9;border:1px solid var(--color-border);border-radius:4px;height:505px;width:100%"></div>
<script async src="https://snack.expo.io/embed.js"></script>