如何使用NavigationExperimental显示导航栏

时间:2016-09-09 14:57:43

标签: react-native

以下是我目前的尝试方式:

render() {
    return (
      <NavigationCardStack
        direction={'horizontal'}
        navigationState={this.state.navState}
        onNavigate={this._handleAction.bind(this)}
        renderOverlay={(props) => (
          <NavigationHeader
            navigationState={props.navigationParentState}
            position={props.position}
            getTitle={state => state.key}
          />
        )}
        renderScene={this._renderScene.bind(this)} />
    )
  }

从这里采取:https://github.com/ericvicenti/navigation-rfc/blob/master/Docs/Navigation.md

我有什么遗失的东西吗?应用程序加载正常,它显示第一个场景,但顶部没有导航栏(在Android或iOS中)。

1 个答案:

答案 0 :(得分:4)

如果您的反应原生版本为0.32或更高,请将renderOverlay更改为renderHeader。 0.32有突破性变化。其中renderOverlay已更改为renderHeader,似乎所有文档尚未更新。见https://github.com/facebook/react-native/releases/tag/v0.32.0