Question

我是新手，对原生和ES6做出反应。在研究了与redux的本地反应之后，我决定使用NavigationExperimental。但是我对NavigationExperimental有一些问题，并且有很多关于NavigationExperimental的问题，因为没有关于此的完整文档。

我的一个问题是我的导航头按钮。我有这段代码：

<NavigationHeader
    {...props}
    renderTitleComponent={this._renderTitleComponent} 
    renderRightComponent={props => {
          return <TouchableHighlight>
                  <Text>test</Text>
                 </TouchableHighlight>}} />

此代码正常工作，“测试”出现在导航头的右上方。但是，当我用一个函数替换它时，“测试”就会消失。这是代码：

<NavigationHeader
    {...props}
    renderTitleComponent={this._renderTitleComponent} 
    renderRightComponent={this._renderRightComponent} />



_renderRightComponent(props) {
      return (
          <TouchableHighlight>
            <Text>test</Text>
          </TouchableHighlight>
      );
  }

我的第二段代码出了什么问题？谢谢。

Answer 1

  // 右边
  _renderRightComponent(props: NavigationSceneRendererProps): React.Element<any>{
    return (
      <NavigationHeader.Title>
        右边
      </NavigationHeader.Title>
    );
  }

反应原生导航实验标题按钮不会出现

1 个答案: