React Navigation (v2) Как передать реквизиты моему TabNavigator и отправить эти реквизиты на экран - PullRequest
Новая
       29

React Navigation (v2) Как передать реквизиты моему TabNavigator и отправить эти реквизиты на экран

0 голосов
/ 04 июня 2018

Я новичок в React-Native и React.Я пытаюсь реализовать простую навигацию по вкладкам в моем мобильном приложении с помощью React Navigation (v2)

В основном есть два файла:

Router.js 

// imports...

const Tabs = TabNavigator(
{
  Logs: { 
      screen: Logs,
      // here I would like to recieve the jwt and pass it as a param to the logs screen
     },
  NewRide: { 
      screen: NewRide
     }
},
 {navigationOptions: ...}
} 
export default tabs;

LoggedIn.js 

export default class LoggedIn extends Component {
constructor(props) {
    super(props);
}

render() {
        return (
            <View>
                <Tabs jwt={this.props.jwt} /> // here I pass the jwt as a prop
            </View>
        );
}

Я пытаюсь передать реквизит с именем jwt из моего класса LoggedIn, расположенного в LoggedIn.js, на вкладки, расположенные в маршрутизаторе.JSВ конечном счете, из вызова Tabs я хотел бы отправить полученный Jwt в качестве реквизита на экран «Журналы».

Я не уверен, как получить Jwt в файле Router.js и передать его на экран журналов.Любая помощь по этому поводу будет чрезвычайно ценной, так как я застрял на этом в течение хороших двух дней.С уважением, Мэтт.

1 Ответ

0 голосов
/ 04 июня 2018

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

screenProps - передать дополнительные параметры дочерним экранам

Образец 

const SomeTab = TabNavigator({
  // config
});

<SomeTab
  screenProps={/* this prop will get passed to the screen components as this.props.screenProps */}
/>
...