react native

2019-12-10 18:33:38 浏览数 (1)

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

0 人点赞