반응 네이티브 탐색 실험용 머리글 단추가 표시되지 않습니다.

Question

나는 네이티브 반응을하기가 쉽습니다. redux와 네이티브 반응에 대한 연구가 끝난 후 NavigationExperimental을 사용하기로 결정했습니다. NavigationExperimental에는 몇 가지 문제가 있으며 NavigationExperimental에 대한 많은 질문이 있습니다. 이에 대한 완전한 문서가 없기 때문입니다.

나의 navigationheader 버튼 중 하나가 내 문제입니다.

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

이 코드는 작품이다, "테스트"는 navigationheader의 오른쪽 상단에 나타나있다 : 나는이 코드 조각이있다. 그러나 함수로 바꾸면 "테스트"가 사라집니다. 코드는 다음과 같습니다.

<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> 
    ); 
    }