1

TLDR：我可以自定义传递给const TabNav = TabNavigator({});的视图吗？，或者有没有办法在使用createNavigationContainer(createNavigator(CustomTabRouter)(CustomTabView)) 创建选项卡导航器时显示嵌套堆栈导航器的标题；

我正在尝试构建一个自定义视图组件来替换标准选项卡栏视图（基于浮动操作按钮）。

我查看了 StacksInTabs 示例，该示例效果很好，但我没有看到自定义选项卡视图的方法。

遵循文档中的 CustomTabs 示例时，我无法让嵌套的 StackNavigator 显示标题。

当您通过将路由器对象和视图对象传递给 createNavigationContainer 手动创建 TabNavigator 时，肯定会有所不同，但我不知道是什么。

以下是 rnplay.org 上的几个示例：

使用默认导航创建功能：https : //rnplay.org/apps/n0ixXw 编写我自己的标签导航器：https ://rnplay.org/apps/tzTecA

由于需要外部模块导入，它们不能在站点上运行，但这是我的 package.json

{
  "name": "SampleApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "15.4.2",
    "react-native": "0.41.0",
    "react-native-action-button": "^2.0.22",
    "react-native-vector-icons": "^4.0.0",
    "react-navigation": "^1.0.0-beta.3"
  },
  "devDependencies": {
    "babel-jest": "18.0.0",
    "babel-preset-react-native": "1.9.1",
    "jest": "18.1.0",
    "react-test-renderer": "15.4.2"
  },
  "jest": {
    "preset": "react-native"
  }
}
4

0 回答 0