Определите правую кнопку NavBar в компоненте, а не в Scene (Reaction-native-router-flux) - PullRequest
Новая
       26

Определите правую кнопку NavBar в компоненте, а не в Scene (Reaction-native-router-flux)

0 голосов
/ 08 ноября 2018

Я использую react-native-router-flux для навигации в моем приложении.

Я хочу определить правую кнопку NavBar в компоненте, а не в Scene, как мне это сделать?

Вот код Scene: 

 <Scene
          navBar={PlatformNavbar}
          leftElement={  <Text style={{color: Colors.white, marginLeft: 25, fontWeight:'500' }}>Go Back</Text>  }
          key='nodScreen'
          component={NodScreen}
          hideNavBar={false}
        />

Я использую свой пользовательский navBar, у меня есть функции для рендеринга правого и левого элемента: leftElement, rightElement.

Чтобы отобразить правильный элемент в компоненте, я использовал этот код, однако он ничего не отображал.

  componentDidMount() {
    Actions.refresh({rightElement: this.renderRightElement
  }) }

  renderRightElement = () => {
    return ( <TouchableOpacity onPress={() => {} }>
    <Image style={{height: 24, width: 24, marginRight: 16}} source={{uri: 'score_progress_empty'}} resizeMode='contain'/>
 </TouchableOpacity>)
  }

1 Ответ

0 голосов
/ 30 ноября 2018

Вы пытались использовать right вместо rightElement

componentDidMount() {
  Actions.refresh({
    right  : this.renderRightElement,
  })
}

Проверьте эту проблему на странице RNRF для получения более подробной информации

...