React Navigation：在 CustomDrawerContent 中发送额外的道具

Question

在我的 React Native 项目中，我使用带有自定义抽屉的 React Navigation (5)。抽屉导航器看起来像这样，里面有一些屏幕。

<Drawer.Navigator drawerContent={(props) => <CustomDrawerContent {...props} />} >
</Drawer.Navigator>

如何将一些额外的道具传递给CustomDrawerContent？假设我有一些像user_type 这样的数据。我怎样才能将它与道具一起发送？

Answer 1

试试这个

const moreData = {}

<Drawer.Navigator drawerContent={(props) => <CustomDrawerContent {...props} moreData={moreData} />} >
</Drawer.Navigator>

然后记录您的 CustomDrawerContent 道具。