1、npx react-native doctor  提示Android SDK识别失败，改用代码配置使用33版本。

android/app/build.gradle文件中添加如下代码：

android {
    ...
    // compileSdkVersion rootProject.ext.compileSdkVersion
    compileSdkVersion 33
    ...
    defaultConfig {
    ...
        // targetSdkVersion rootProject.ext.targetSdkVersion
        targetSdkVersion 33
    ...
    }
    ...
}

2、JVM版本不兼容

使用Android Studio选择修改使用的JVM版本，并设置Grandle user home路径

3、提示组件构建失败

FAILURE:Build completet with 2 failures

解决方法：降低组件使用版本，gesture-handler使用2.18.0，screens使用4.0.0

4、修改gradle.zip为本地文件

distributionUrl=file:///Users/hb/Desktop/chenbin/gradle-8.0.1-all.zip

# react native # android studio # react.js
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter WebSocket 在 OpenHarmony 即时通讯场景中的实践与踩坑记录

本文分享了在OpenHarmony项目中使用Flutter WebSocket实现即时通讯功能的实践经验。作者最初采用简单连接方式，但在真机测试中遇到连接不稳定、后台断连、弱网重连失败等问题。通过优化方案包括：全局单例管理连接、增加心跳机制、实现断线自动重连、监听应用生命周期、优化消息流处理等，显著提升了稳定性。文章特别强调在OpenHarmony环境下，后台切换和网络变化更容易暴露问题，建议开发

avatar 开源鸿蒙跨平台开发者社区

Flutter Provider 在 OpenHarmony 项目中的状态管理实践

本文分享了在OpenHarmony项目中采用Provider进行Flutter状态管理的实践经验。随着项目复杂度增加，原生setState方法导致页面频繁刷新、状态同步困难等问题日益突出。作者通过引入Provider状态管理方案，将应用状态拆分为UserProvider、CartProvider等独立模块，使用Consumer和Selector优化局部刷新，显著提升了应用性能，特别是在OpenHa

avatar 开源鸿蒙跨平台开发者社区

Flutter 自定义动画在 OpenHarmony 手机上的性能优化实践

本文分享了在OpenHarmony设备上优化Flutter动画性能的实践经验。针对动画卡顿、GPU占用高等问题，作者提出多项优化措施：避免滥用AnimatedContainer，改用FadeTransition等轻量动画；正确管理AnimationController生命周期；缩小动画区域范围；使用RepaintBoundary隔离重绘；控制并发动画数量；优化列表动画实现。特别指出在OpenHar

avatar 开源鸿蒙跨平台开发者社区