Expo React Native抽屉导航DrawerItem渲染报错及无图标改造咨询

错误根因 #

• 图标组件导入拼写错误：你导入的MaterialCommmunityIcons多写了1个字母m，正确拼写为MaterialCommunityIcons，导入的组件实际为undefined，渲染DrawerItem时触发类型校验错误。
• 颜色值格式不合法：MaterialCommunityIcons组件的color属性中，高亮色值e91e63前缺少十六进制颜色标识#，会导致渲染异常。

临时移除图标逻辑的方案 #

直接删除Drawer.Screen的options配置中整个drawerIcon属性的代码块即可，移除后侧边抽屉项只会显示文字，不会渲染图标，完全跳过图标相关逻辑。

完整修复调整点 #

1. 修正图标导入拼写 #

将App.js中对应的导入语句替换为：

import { MaterialCommunityIcons } from '@expo/vector-icons';

2. 补全颜色值的#标识 #

将MaterialCommunityIcons组件的color属性修改为：

color = {focused ? "#e91e63" : "black"}

修改后重新编译即可正常运行。

内容的提问来源于stack exchange，提问作者kkovacs3