版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/daoer_sofu/article/details/102944767
创建项目
- npm install -g yarn react-native-cli
- 安装android sdk
- 配置android_home
- 添加platform-tools目录到path
- 创建项目react-native init 项目名称
项目初始化失败,配置如下 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist
作者:星光幻灭
链接:https://www.jianshu.com/p/24a5b2a2498e
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
编译
npm start
添加VScode调试配置后,调试
yarn 安装包(npm会有些问题)
- 调试过程中,后台启动node和android调试,检测node时候正常关闭导致,端口占用
adb连接
adb devices显示正常
浏览器添加项目调试
程序setting中远程调试地址
访问地址: http://localhost:8081/debugger-ui/
或者
使用vscode、react native插件更方便的调试方式
修改源码
node_modules/react-native目录下面
ReactAndroid/src/main/java/com/facebook/react/views/modal/可以修改编译的目标控件
混合模式
与原生的java代码混合
自定义原生控件
Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081
cd project/android gradlew clean 查看命令执行错误提示
原理
Gradle构建项目、依赖android sdk或者ios
参考:https://reactnative.cn/docs/0.44/android-building-from-source.html