Question

TLDR：我可以自定义传递给 const TabNav = TabNavigator（{}）; 的视图，还是可以显示嵌套堆栈导航器的标题使用 createNavigationContainer（createNavigator（CustomTabRouter）（CustomTabView））创建选项卡导航器;

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

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

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

当您通过将路由器对象和视图对象传递给createNavigationContainer手动创建TabNavigator时，某些东西肯定会有所不同，但我无法解决问题。

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

使用默认导航创建功能：https://rnplay.org/apps/n0ixXw 编写我自己的Tab Navigator：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"
  }
}

React-Navigation自定义TabNavigation组件隐藏标题

0 个答案: