无法在React Native Navigation v2中将道具传递给其他组件

Question

Unable to pass props to other components in react native navigation v2. I am getting undefined whenever I am trying to call that props in my component. I would like to notify that I am using redux in my project and I found a similar issue in StackOverflow but it didn't work for me.

React Native Navigation code:-

Navigation.push("FamilyStack", {
  component: {
    name: "com.radarx.FamilyFormScreen",
    passProps: {
      text: "Pushed screen"
    },
    options: {
      topBar: {
        title: {
          text: "Pushed screen title"
        }
      }
    }
  }
});

But when I am trying to use that prop it's giving me an error of type undefined.

I am trying to call the prop here just for checking if it's working for not.

class FamilyFormScreen extends Component {
constructor(props) {
super(props);
console.log("screen: ", props);

}

Answer 1

You need to extract from the props the correct params in order to "see" the params you are passing through navigation.

After super(props) you should be able to call console.log("screen ", this.props)