将本机推送数据反应到另一个屏幕

Question

我是 React Native 的新手，我正在尝试将数据从一个屏幕推送到另一个屏幕。我现在有两个屏幕，ProductListing & ProductDetail 和一个虚拟条目列表。在我的 ProductListing 屏幕上，我执行了以下操作：

pushProductDetailScreen(item){

  this.props.navigator.push({
    screen: 'ProductDetail',
    title: item.name,
    subtitle: item.type,
    backButtonTitle: '',
    data: item
  });
 };

  <FlatList
        data={S_Entries}
        renderItem={({ item }) => (
          <ListItem
            roundAvatar
            title={item.name}
            subtitle={item.type}
            avatar={{ uri: item.image }}
            containerStyle={{ borderBottomWidth: 0 }}
            button onPress={() => {this.pushProductDetailScreen(item)}}
          />
        )}
        keyExtractor={item => item.id}
      />

在我的 ProductDetail 屏幕上，我想收到我的商品数组，但不知道如何获得它。

Answer 1

使用passProps

example

ProductListing.js

  this.props.navigator.push({
    screen: 'ProductDetail',
    title: item.name,
    subtitle: item.type,
    backButtonTitle: '', 
    passProps: {   
       data: item
    },
  }); 

ProductDetail.js

var data = this.props.data;