React Native 0.74饼图使用求助:依赖报错及替代方案推荐
解决React Native 0.74中react-native-gifted-charts构建报错及饼图组件推荐
一、构建报错修复方案
1. 处理XML版本不兼容问题
- 确认项目所有Android模块的
compileSdkVersion、targetSdkVersion与RN 0.74要求一致(默认是34),修改相关模块的android/build.gradle文件对齐版本。 - XML版本4是Android Gradle Plugin(AGP)8.x的特性,确保所有依赖模块的AGP版本与项目根目录的
com.android.tools.build:gradle版本(RN0.74对应8.2.0)匹配,避免跨版本冲突。
2. 解决react-native-gps-state的Gradle依赖冲突
react-native-gps-state依赖的AGP版本2.2.3与Gradle8.2完全不兼容,可通过以下方式处理:
- 若无需该功能,直接卸载:
npm uninstall react-native-gps-state - 若必须保留,找到
node_modules/react-native-gps-state/android/build.gradle,将com.android.tools.build:gradle的版本改为8.2.0,同步后重新构建。
3. 强制统一依赖版本
在项目根目录android/build.gradle中添加约束,避免依赖版本混乱:
allprojects { configurations.all { resolutionStrategy { force 'com.android.tools.build:gradle:8.2.0' } } }
二、兼容RN 0.74的饼图组件推荐
- react-native-chart-kit:支持饼图、环形饼图等多种类型,基于SVG实现,配置灵活,适配RN新版本,文档完善。
- victory-native:功能全面的图表库,饼图支持自定义颜色、标签、动画,响应式设计适配不同屏幕。
- react-native-svg-charts:轻量SVG图表库,饼图组件简洁易用,无额外原生依赖,适合基础饼图需求。
- react-native-echarts-pro:基于ECharts封装,支持复杂饼图样式(如南丁格尔图、多层饼图),配置逻辑与web端ECharts一致,上手成本低。
内容的提问来源于stack exchange,提问作者Varnika Gupta
相关产品推荐
相关产品推荐

