如何使用Expo包为React Native/Expo应用制作可复用组件包

问题1：expo-icons是否和Expo版本强耦合？ #

• 属于强绑定关系。expo-icons是Expo官方对react-native-vector-icons做的适配封装，每个Expo SDK版本都会对应匹配固定版本的expo-icons，版本不匹配会直接出现原生模块找不到、图标渲染异常等报错。
• 你提到的「init时预打包无需显式安装」仅适用于Expo Go的调试场景，打生产包或者使用自定义开发构建时，Expo应用侧仍需要安装对应SDK版本的expo-icons。

问题2：是否可以不在组件包内安装expo-icons，直接复用宿主应用的版本？ #

• 完全可以，这也是monorepo场景下跨应用复用组件包的标准实现方案，只需要做两处配置：
  1. 在你的可复用组件包的package.json中，将expo-icons添加到peerDependencies（对等依赖）字段，不要放在dependencies或devDependencies中，版本号可配置为"*"或者你需要支持的Expo SDK对应版本范围。包管理器在安装时就不会为组件包单独下载expo-icons，会直接调用上层宿主应用已安装的版本。
  2. 如果你用pnpm作为包管理器，需要在monorepo根目录的.npmrc中添加auto-install-peers=false配置，避免pnpm自动为组件包安装对等依赖。

问题3：如果组件包依赖原生版react-native-vector-icons，宿主应用需要做什么处理？ #

• 如果所有使用组件包的项目都是Expo应用，优先推荐使用expo-icons，不需要处理任何link和字体配置。
• 确需使用原生版react-native-vector-icons的情况：
  • 宿主应用必须显式安装react-native-vector-icons，组件包不需要安装，同样将其放到组件包的peerDependencies中即可。
  • 若宿主为纯React Native项目，按官方要求执行link操作、配置字体复制规则即可；若宿主为Expo项目，不需要手动link，只需在app.json的expo.plugins字段中配置expo-font插件引入对应字体文件，重新打开发构建即可生效，无需手动复制字体到应用目录。
• 若组件包需要同时支持Expo和纯React Native应用，可做环境判断的条件导出，不同环境调用对应的图标库，对上层应用屏蔽实现差异。

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