反应式导航抽屉内容道具类型定义

Question

我正在使用this guide创建自定义抽屉内容：

const DrawerContent = (props) => (
  <DrawerContentScrollView {...props}>
    <AntDesign
      name="close"
      size={32}
      onPress={() => props.navigation.closeDrawer()}
    />
    <Text>TEST</Text>
    <DrawerItemList {...props} />
  </DrawerContentScrollView>
);

效果很好，但是我想对props参数进行类型检查。所以我尝试了：

import { DrawerContentComponentProps } from '@react-navigation/drawer';

const DrawerContent = (props: DrawerContentComponentProps) => (
  // Same stuff
);

但是我的IDE现在告诉我props.navigation.closeDrawer不存在，但确实存在。

定义props功能的DrawerContent类型的正确方法是什么？

Answer 1

这是一个反应导航库的已知问题：https://github.com/react-navigation/react-navigation/issues/6790

为了使警告在等待修复时消失，可以使用此表示法：