React Native Elements中react-native-vector-icons图标显示问号问题求助
React Native Elements依赖的react-native-vector-icons图标显示问号问题
我在使用React Native Elements时,遇到依赖的react-native-vector-icons图标无法正常显示的问题,图标仅显示问号。我曾对照react-native-vector-icons官方图标目录调整图标名称,但未能解决问题。
问题效果截图:
以下是我的package.json配置:
{ "name": "LimitCalisthenics", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-native-community/masked-view": "^0.1.11", "@react-navigation/native": "^5.9.8", "@react-navigation/stack": "^5.14.9", "@rneui/base": "^4.0.0-rc.7", "@rneui/themed": "^4.0.0-rc.7", "pod-install": "^0.1.38", "react": "18.2.0", "react-native": "0.72.0", "react-native-gesture-handler": "^2.12.0", "react-native-reanimated": "^3.3.0", "react-native-safe-area-context": "^4.6.3", "react-native-screens": "^3.22.0", "react-native-vector-icons": "^9.2.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "^0.72.2", "@react-native/metro-config": "^0.72.6", "@tsconfig/react-native": "^3.0.0", "@types/metro-config": "^0.76.3", "@types/react": "^18.0.24", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.2.1", "eslint": "^8.19.0", "jest": "^29.2.1", "metro-react-native-babel-preset": "0.76.5", "prettier": "^2.4.1", "react-test-renderer": "18.2.0", "typescript": "4.8.4" }, "engines": { "node": ">=16" } }
我已按照React Native Elements官方安装指南完成安装,组件代码可参考codeshare上的内容。
我的开发环境:
- Macbook Pro M1
- Ventura操作系统
- NodeJS 16
- iOS(通过Xcode模拟器测试)
- React Native CLI
内容的提问来源于stack exchange,提问作者Jorge Ortiz
相关产品推荐
相关产品推荐

