React-Native-Android简单环境构建

最新推荐文章于 2024-05-04 09:30:00 发布
最新推荐文章于 2024-05-04 09:30:00 发布
阅读量404 收藏
点赞数
分类专栏： react-nav Android 文章标签： android react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinxjj/article/details/48733933
版权
1. 开发环境配置
  • mac os x
  • xcode
  • git
  • node
  • Android SDK
  • Android NDK
  • Android Studio
  • 翻墙工具
2. react-native配置
3. react-native 创建demo工程
➜  react-native init demopro
4. Android真机调试

需要切换手机的tcp端口：

➜  adb reverse tcp:8081 tcp:8081
5. Run工程
➜  cd demopro
➜  react-native run-android
张晶的废纸堆
关注
专栏目录
ReactNative项目构建分析与思考之react-native-gradle-plugin
喻志强的博客
03-09 2153
用了这么久的React Native，你真的了解RN项目的构建流程吗?本文剖析了RN项目组织结构、Gradle插件的作用以及RN是如何组织项目的。通过一步步的分析,揭秘了RN项目构建背后的奥秘,为你提供了前所未有的透彻见解。无论你是Android开发者还是React Native爱好者,本文定能让你大开眼界,构建出更加优质的RN应用。快来一探RN构建流程的独门秘籍吧! Copy Retry
添加react-native-navigation后android项目构建失败，react-native-navigation:compileReactNative68DebugKotlin
sun411528的博客
12-28 227
添加react-native-navigation后android项目构建失败，react-native-navigation:compileReactNative68DebugKotlin
React-native android App项目搭建
qq_45859670的博客
08-11 1721
在这里我采用的是真机模拟（用数据线把手机与电脑相连，手机打开usb调试，同意调试，一般需要用到手机开发者模式）后面你再写代码，这个会自动打包，手机上也会自动更新。之后再用手机连接时，只要你的软件还没卸载，就不用再次安装。注意：如果采用android真机模拟，可以晃一晃手机，看以看到菜单。弊端：不能查看标签结构，不能直接（可以解决）查看网络请求。还没结束，手机会受到一安装包，手机安装后，加载完毕之后。点击Debug就可以，也有其他快捷键可以上网搜一下。选择对应的版本，进行解压，点击。直接在官网上下就行了。..
react-native环境搭建Android篇
最新发布
m0_59236216的博客
05-04 884
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
react-native 打包报错 android-gradle-plugin-requires-java-11
a314753967的博客
08-29 3041
react-native 打包报错 android-gradle-plugin-requires-java-11
react-native搭建android studio环境注意的问题
weixin_45315794的博客
04-08 1491
在打开下载的Android Studio后 ，找到更多设置（不同Android studio叫法不一样）中SDK Manager，其中有Android SDK，点击勾选右下方的Show Package detail，选择适配自己项目的SDK版本下载，在实际开发中，有些比较老的项目，对于node的依赖是比较老的，就会存在，不同的版本对node依赖不同，尽管新的nodejs版本会兼容老版本的nodejs，但仍然会存在一些不同问题，那么本地管理不同的node版本，是很有必要的，我用到的是nvm。
执行 react-native run-android 时，如果出现以下错误，该怎么办
砥砺前行的博客
05-05 871
在执行react-native run-android时，如果出现错误信息，输出的内容其实是不够详细的（如下面的截图）。 如果想知道构建时详细的过程信息，可执行 gradlew assembleDebug --info （输出信息如下），通过输出的信息，可以查看构建的时候到底是在哪一步报错了。 ...
react-native 环境搭建，项目构建以及真机调试（window android）
weixin_44510655的博客
10-13 1667
react-native项目构建，环境搭建，真机调试
React-Native跟Android交互--简单示例
yushibing717的博客
02-02 106
您的React Native选择标签。要在 React Native 中使用 NFC 功能，需要安装 react-native-nfc-android 模块。下面是安装步骤： 1. 首先确保已经安装了 React Native，可以使用以下命令来检查： ``` react-native --version ``` 2. 在项目目录下使用 npm 安装 react-native-nfc-android 模块： ``` npm install --save react-native-nfc-andro。
【react-native】关于ios与android的环境搭建
xm_law的博客
10-21 1696
react-native+ ios +android 环境配置，针对0S 11.X 升级 12.X项目无法运行问题等解决方法与建议。
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
react-native-android-fragment:使用XML将本机Android片段公开给React-Native
05-16
总的来说，`react-native-android-fragment`库为React Native开发者提供了一种强大的方式来利用Android的Fragment功能，它可以帮助你构建更复杂、更高效的移动应用，特别是当你的应用需要处理大量的数据或者需要高度...
react-native-v8：React Native Android的可选V8运行时
02-05
该项目的目的是为React Native支持V8运行时。 作为选择加入的软件包设计，它应该易于与现有的React Native项目集成。 与React Native集成 为了简化RN集成，我们将预构建的AAR发布到。 版本控制与React Native一致，...
react-native-reanimated画布：专门为响应式绘图设计的react-native组件
02-06
React本机复活的画布 一个画布组件，专门设计用于react-native中的react-native绘图。 在你开始之前 @next构建版本尚不支持iOS 。 安装 检查我们的文档的部分，以...然后运行react-native run-android或react-native ru
react-native-image-resizer：with使用React Native调整本地图像的大小
01-31
注意：在最新版本的React Native上，您可能会在Android上的Gradle构建过程中出错（ com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim ）。 运行cd android && ./...
React-Native-Android集成问题总汇
jinxjj的专栏
09-25 3872
项目集成React-Native-Android时遇到各种坑的爬坑姿势1. 依赖冲突 react-native依赖关系如下： _releaseCompile - ## Internal use, do not manually configure ## +--- com.android.support:appcompat-v7:23.0.0 | \--- com.android.support
Google Dexmaker 代码解析（二）-- TypeId<T>
jinxjj的专栏
03-24 877
TypeId<T>/** * A primitive type, interface or class. * * <p><strong>Warning:</strong> Use care when dealing with boxed primitive * types. Java's lack of support for parameterized primitive types me
Google Dexmaker 代码解析（四）-- MethodId<D, R>
jinxjj的专栏
03-24 782
MethodId<D, R>/** * Identifies a method or constructor. * * @param <D> the type declaring this field * @param <R> the return type of this method */用来定义一个方法或者构造方法。类结构图构造方法对外隐藏构造方法，无法直接new一个实例。核心方法
Google Dexmaker 代码解析（五）-- Local<T>
jinxjj的专栏
03-24 644
Local<T>/** * A temporary variable that holds a single value of a known type. */class或method内的局部变量。类结构图构造方法构造方法为私有，对外无法直接new一个实例。 private Local(Code code, TypeId<T> type) { this.code = code;
React-Native学习笔记：组件与JSX语法解析
React-Native是一个由Facebook开发的开源框架，它允许开发者使用JavaScript和React来构建原生的移动应用程序。这个文档是作者在学习React-Native过程中整理的个人笔记，主要涵盖了React的基础语法和React-Native的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值