时间戳

首页 > 解决方案 > 如何在反应原生中将数据从一个屏幕传递到 TabNavigator 内的另一个屏幕

react-native - 如何在反应原生中将数据从一个屏幕传递到 TabNavigator 内的另一个屏幕

问题描述

在此处输入图像描述

大家好，我正在使用 react-navigation v3 进行导航。我创建了一个名为 TourPackagesTab 的选项卡导航器。它由 2 个屏幕组成，InternationalToursScreen 和 DomesticToursScreen。

我在 InternationalToursScreen 中获取了一些数据。获取的数据也将在 DomesticToursScreen 中使用。如何将获取的数据传递给国内旅游屏幕，因为它在 tabNavigator 中？

标签： react-nativetabsreact-navigationreact-native-navigation

解决方案

您好，您可以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可用于执行功能的事件，请在此处查看更多信息

推荐阅读