如何在React Native中将数据从抽屉式customComponent传递到屏幕？

Question

我有一个抽屉式导航，其中包含一些用于过滤某些数据的输入，并且我想将contentComponent中的值传递给搜索屏幕以从服务器中检索数据

抽屉

export default createDrawerNavigator({
  Search:{ screen: Search,
         },
  },{
    contentComponent: (props, navigation) => (<FilterDrawer {...props} />),
    drawerPosition: 'right',
});

search.js

export default class Search extends Component<{}> {
constructor(props){
    super(props);
 }

render(){
 return(
<View></View>
);
}
}

Answer 1

您可以按以下方式通过导航状态传递数据：

  this.props.navigation.navigate('SearchPage',
     {                         
       userID: '123456',
       email: 'abc@gmail.com',                 
  });

要访问SearchPage中的道具

 const { params } = this.props.navigation.state;
 const {userID, email} = params;

但是最好使用Redux或Context