Как передать данные с одного экрана на другой внутри TabNavigator в реагировать родной

Question

Hello All, я использую реагирующую навигацию v3 для целей навигации. Я создал навигатор с вкладками под названием TourPackagesTab. Он состоит из 2 экранов, InternationalToursScreen и DomesticToursScreen.

Я получаю некоторые данные в InternationalToursScreen. Извлеченные данные также должны использоваться в DomesticToursScreen. Как передать извлеченные данные в DomesticToursScreen, как он есть внутри tabNavigator?

Answer 1

Привет, вы можете отправлять данные через onPress события через параметры, например:

  onPress={() => {
    this.props.navigation.navigate('Screen2', {
      data1: item.data1,
      data2: item.data2,
    });
  }}

Затем на Screen2 вы получаете к нему доступ так:

const data = this.props.navigation.state.params;
<Text>{data.data1}</Text>

Также в TabNavigators есть событие onPress, которое вы можете использовать для выполнения функций, подробнее здесь

Answer 2

Вы можете отправлять данные следующим образом:

    onPress={() => {
    this.props.navigation.navigate('Screen2', {
      data1: item.data1,
      data2: item.data2,
    });
  }}

И на следующем экране вы должны сделать это:

const data1 = this.props.navigation.getParam('data1');
const data2 = this.props.navigation.getParam('data2');