如何在react-navigation中自定义我的导航

Question

好的，我选择了react-navigation，所以我写了一个演示

1. 创建名为PageScreen

的示例屏幕

2. 创建一个TabNavigator

   std::generate_n(std::back_inserter(myvector), 5, [n = 1] () mutable {
       return label_prop{std::exchange(n, n + 2)};
   });
   

3. 这是结果：

   （结果TabNavigator填充水平）

4. 我的问题是：

   答：如果我的两个屏幕链接同一页面，但我想使用参数来区分。例如，如果page1，PageScreen显示page1，如果page2显示page2。我找不到传递param的方法

   B：在某些应用中，导航不会填充水平navigation is short not fill-x

如何修改导航的风格？

Answer 1

您应该根据此处自定义导航：https://reactnavigation.org/docs/navigators/custom

然后您可以拥有符合您要求的标签视图样式

如果您正在寻找示例，可以查看github中的官方示例代码：https://github.com/react-community/react-navigation/blob/master/examples/NavigationPlayground/js/CustomTabs.js