如何将数据传递到屏幕上的抽屉customcomponent in react native？

Posted 2023-01-13

我有一个抽屉导航，其中包含一些用于过滤一些数据的输入，我想将值从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>
);

答案

您可以通过导航状态传递数据：

  this.props.navigation.navigate('SearchPage',
                              
       userID: '123456',
       email: '[e-mail]',                 
  );

访问SearchPage中的道具

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

但最好使用Redux或Context