Реагировать на родную навигацию по страницам

Question

Реагировать на родную навигацию по страницам

0

В моем индексном файле у меня есть метод renderScene который отображает компонент на основе route.id

renderScene(route, navigator) {
  switch(route.id) {
    case 'explore':
      return <PageExplore navigator={navigator} />;
    break;
    case 'post':
      return <PagePost navigator={navigator} />;
    break
  }
}

В методе render этих страниц у меня есть другой компонент, который используется для отображения нескольких ссылок

<Navbar navigator={this.props.navigator}/>

Ссылки в компоненте Navbar имеют событие onPress. Вопрос в том, как мне сопоставить их с маршрутами?

Carl Markham 28 фев. 2016, в 17:39

Источник

Теги:

reactjs

react-native

1 ответ

Ещё вопросы

Nader Dabit · Accepted Answer · 2016-02-28T17-39-00.000Z

Основная функция onPress будет выглядеть так, если ваш метод renderScene описан выше:

_navigate(id)
  this.props.navigator.push({
    id: id
  })
)

Все, что передается this.props.navigator.push({}) доступно в методе renderScene как свойство маршрута.

Я опубликовал довольно обширную запись об использовании навигатора здесь.