在wix react native navigation V2中如何将数据从一个屏幕传递到另一个

Question

I am using Wix react native navigation V2 in our react Native Application. I am getting the issue to pass data from one screen to another screen. First Screen contains the FLATLIST when I will select the Row of FLATLIST then I need to navigate and pass the row data at another Screen.

Here is my code:

Screen 1:

This code is showing Row data on FLATLIST(Working Fine)

_renderItem = ({ item }) => {
    const text = `${item}`;
    return (
      <TouchableOpacity onPress={() => this.moveToAnotherScreen(item)}>
        <View style={styles.cardView}>
          <Text style={styles.item2}>{item.name}</Text>
          <Text style={styles.item2}>{item.Type}</Text>
          <Text style={styles.item2}>{item.mobile}</Text>

        </View>
      </TouchableOpacity>
    );
  };

This is moveToAnotherScreen function

moveToAnotherScreen(item) {
    Navigation.push(this.props.componentId, {
      component: {
        name: 'ShowAnotherScreen',

      },
      passProps: {
        data: item
    }
    });
  }

Screen 2:

componentDidMount() {

    const params  = this.props.data
    console.log('params', params);
  }

Answer 1

Your syntax for passing the props is wrong. Try below

Navigation.push(this.props.componentId, {
      component: {
        name: "ShowAnotherScreen",
        passProps: {
         data: item
        }
      }
    })

Passprops should be inside the component

Answer 2

moveToAnotherScreen(item) {
  Navigation.push(this.props.componentId, {
    component: {
      name: 'ShowAnotherScreen',
      passProps: {
        data: item
      }
    }
  });
}

in ShowAnotherScreen

componentDidMount() {
  console.log(JSON.stringify(this.props.item))}