react native

版权声明：本文为博主原创文章，遵循 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