Android Studio配置 Android Studio需要Java Development Kit [JDK] 1.8(暂不支持更高版本)。...你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。...特别值得注意的是: SDKManager当中SDK Platforms中要勾选 Google APIs、Android SDK Platform 23、Intel x86 Atom System Image...SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须包含有这个版本...提示:你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。
(无法调用原生 API) 临时性入口,用户留存率低 Hybrid App 即混合开发,也就是半原生半Web的开发模式,有跨平台效果,实质最终发布的仍然是独立的原生APP(各种的平台有各种的SDK),这是一种...node_modules: react-native 工程用到的模块。 App.js 是 react-native 工程的主源码文件,入口文件,相当于 html 中的 index.html。...四、常见错误 1、没有配置 Android 开发环境 当第一次输入 react-native run-android 运行是,出现如下错误: image.png 表明程序没有找到 sdk 路径,首先确定是否配置了...Andorid 开发环境,然后检查 项目中 Android 文件夹下是否有 local.properties 这个文件,如果有,确定 sdk 路径正确,如果没有新建这个文件,里面定义 sdk 的路径为如下形式...(改成自己的): dk.dir =/Users/USERNAME/Library/Android/sdk 2、第一次运行出行红屏,error code:500 error.png 可能是版本的原因,可以通过如下命令安装指定版本并更新
本文以在 OS X 开发为例 React Native 的更新非常活跃,本文以 0.14.0 版本为例 下文简称 React Native 为 RN 下文部分链接访问需要访问外国网站 基础环境 在开始...Android 开发环境 Android 应用程序开发中,通过在 Android SDK(Android 软件开发包)中使用 Java 作为编程语言来开发应用程序(开发者亦可以通过在 Android...选择以下包进行添加安装:命令行下运行 $ android 来打开 SDK Manager Android 支持库,RN 内有用到 编译你的应用程序对一个特定版本的 Android 系统。...平台相关性工具,支持最新 Android 版本功能的同时向下兼容。...(类似于我们进行前端开发时需要在本机安装一个浏览器来运行我们的代码),这里有 2 种方式: 模拟器 第一种方式是在本机安装 Android 模拟器,模拟一个 Android 系统。
2.2.下载必备的Android组件 Android SDK Android SDK Platform Android Virtual Device 可以通过Android SDK Manager下载需要的版本...(React默认的buildtool版本23.0.1()) ?...ANDROID_HOME=/home/xiaolei/Android/Sdk中的 xiaolei 替换成自己的。...5.在Android studio或者命令行中启动/调试,进行整合开发 5.1.点击工具栏的运行,弹出创建AVD选择框,如果已经有创建过则直接使用,否则按照默认创建即可。 ?...如果出现红屏或者错误,检查是否在 AwesomeProject中开启了react-native start ,然后RR(在设备中重载) ?
推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。 为了加速下载,推荐从AndroidDevTools下载。...然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新: Tools/Android SDK Tools...(24.3.3) Tools/Android SDK Platform-tools (22) Tools/Android SDK Build-tools (23.0.1)(这个必须版本严格匹配...platform=android看看是否可以看到打包后的脚本(看到很长的js代码就对了)。第一次访问通常需要十几秒,并且在packager的命令行可以看到形如[====]的进度条。...如果apk安装运行出现报错,请检查上文中安装SDK的环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。
然后点击”Next”来安装选中的组件。 安装android sdk Android Studio 默认会安装最新版本的 Android SDK。...目前编译 React Native 应用需要的是Android 9 (Pie)版本的 SDK(注意 SDK 版本不等于终端系统版本,RN 目前支持 android4.1 以上设备)。...具体的做法是把下面的命令加入到~/.bash_profile文件中: 译注:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在 Finder 中是隐藏的,并且这个文件有可能并不存在。...可以使用echo $ANDROID_HOME检查此变量是否已正确设置。 请确保你正常指定了 Android SDK 路径。...| Locations菜单中检查一下是否装有某个版本的Command Line Tools。
可以根据java -version来检测一下 2、安装SDK 这里需要注意设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => E:\Android...\sdk)设置环境变量PATH:例如:(PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools) 3、安装node 这货是基于js的,node.js...React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。...platform=android看看是否可以看到打包后的脚本(看到很长的js代码就对了)。第一次访问通常需要十几秒,并且在packager的命令行可以看到形如[====]的进度条。...这是在再用 gradle构建项目依赖的包,到这里是不是感觉很熟悉了。 ? 报了一个错,说的是有个jar的问题。 ?
本文将作为一个 React Native for Android 学习系列的一个开篇,从零开始学习 React Native 。我尽量不偷懒,保证文章及时更新。...如果你的机器已经安装过 Homebrew ,强烈建议 对 Homebrew 的包做一下更新: $ brew update && brew upgrade 安装 Node.js 建议使用 Node 的版本管理器...watchman 安装 Android SDK 如果你之前已经装过 Android SDK ,打开 Android SDK Manager,确保如下工具和开发包已经安装: SDK: Android SDK...:高亮当前双击选中的标记; jshint:检查 JavaScript 的语法,支持 JSX (需要在插件设置中开启 Support Linting JSX); emmet:用 emmet (Zen Coding...将下面两行代码添加到你的 Shell 配置文件中(.bashrc 或 .zshrc): alias rna="react-native run-android"alias rni="react-native
官网上也提到node的最低版本要求 https://github.com/facebook/react-native 更新完node后 一切正常了,你可以在浏览器里访问:http...我遇到的问题跟我之前安装的环境有问题,所以导致了一些问题,祝诸君都能顺利看到Welcome to React Native!...DOS窗口,启动应用:react-native run-android ------- update by 2015/11/30 使用最新版本的react-native(0.15.0),因为之前本机已经成功运行过...platform=android 正常,我就纳闷了,折腾了好久:包含升级node.js版本为(结果发现没用),重新编译(react-native run-android --refresh-dependencies...我贴几个我本机的环境: ANDROID_HOME 出错的提示已经很明确的告知了,它其实就是Android的SDK根目录,不行你就安装Android Studio,它里面就帮你下载好了SDK,里面包含
优势: 组件化开发,复用率高,而且目前组件日渐完善,隶属于前端式开发; 同时支持 Android 和 iOS 俩大平台,Learn once,write anywhere,野心勃勃哦; 强大的热更新;...这里需要注意的是: React Native 需要 Java Development Kit [JDK] 1.8(暂不支持 1.9 及更高版本)。...这里列举出几个需要注意的细节: Android SDK Build-Tools 选项中,确保选中了 React Native 所必须的 26.0.3 版本; 配置 ANDROID_HOME 环境变量...可以使用 echo $ANDROID_HOME 检查此变量是否已正确设置 ?...提示: 当然也可以使用 --version 参数创建指定版本的项目。例如 react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。
1.安装Android Studio 首先肯定是 安装Android Studio(包含SDK)(国内推荐) ps:这里有一点要注意,需要为SDK配置环境变量,名称必须为ANDROID_HOME...2.安装Nodo.js(自带npm) 从官网下载node.js的官方4.1版本或更高版本。...在安装过程中,请务必记得勾选Run Git from Windows Command Prompt,这样会把Git的可执行程序加入到PATH环境变量中,这样其他程序才能在命令行中正确调用Git...如果apk安装运 行出现报错,请检查上文中安装SDK的环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。...platform=android查看返回JS是否正确。
新报错(rn版本:0.53.3)2018.3.6 今天在搞react-native环境时,遇到了一些坑,这里记录一下。 首先最重要的一点是一定要按官网一步一步来,不然可能会出现一些奇奇怪怪的问题!...所以从网盘下载下来后,记得一定要把~/.rncache文件夹里的文件全替换成自己下载的。 之后init的项目就没问题了。 run-android问题 环境和SDK问题 按官网教程配置好环境。 ?...如果出现这个问题就需要先打开你的模拟器,如果您是用的Genymotion,报错的话有可能是adb设置问题,解决如下图,路径选择您自己的sdk目录。 ?...更新(rn版本:0.53.3)2018.3.6 报错如下: ? 刚遇到这个问题时一脸懵比,没有有效的报错信息可供参考。 于是,去检查了adb是可以用的,sdk路径也没有问题。 ?...run-android,成功运行~ ps:修改权限后 android/gradlew 文件引起了一个问题(虽然文件内容没有变化,但是文件在git上是有变化可以上传的),在另一台window电脑上使用
下载Android SDK 到android-studio下载SDK。...运行installer_r24.4.1-windows.exe安装、或zip解压出来的SDK Manager.exe 然后我安装了以下这些包(我的react-native版本是0.40.0...如果你碰到了ERROR Watcher took too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native...platform=android查看服务端是否已成功启动 真机运行,使用usb连接手机,开启USB调试权限 查看连接的设备:adb devices react-native run-android...有很多问题是在Java和Android环境没有弄好的情况下会出现的。
更新 gradle 即可, 可参考 gradle 版本更新, 或者 JDK降级到 8 , 请参考Mac 安装和卸载 Java JDK static BOOL RCTParseUnused(const char...大概意思就是你把`Android Studio` 更新到最新版本就行了....(or edit) ~/.bashrc export ANDROID_HOME=/Users/你的用户名/Library/Android/sdk export PATH={PATH}:{ANDROID_HOME...,SDK 版本不匹配问题 首先在 node_modules 中找到报错的包里面的 build.gradle,比如我这个就是\node_modules\react-native-version-number...这个问题是 Gradle 和 Gradle 插件版本对应不上造成的 gradle 插件版本配置位置:project 对应的 build.gradle 文件中 buildscript { repositories
前言 按照React Native的迭代速度,使用官网的文档,已经不能很顺利的实现React Native和Android的有效整合。React Native最新版本 已经是0.39。...在app module下的build.gradle文件的dependencies中添加React Native 依赖:compile “com.facebook.react:react-native...和target SDK都是24(网上有文章讲,使用的appcompat-v7支持包版本必须是23.0.1,compile SDK和target SDK也必须是23 。...不过最新的也支持的) compile 'com.android.support:appcompat-v7:24.2.1' 如果你出现下面的错误,可以降低版本到23...., 如果不添加,在6.0以上的Android版本中会报错 */ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
sdk其实也可以),配置下载adk,打开sdk manager,下载android api版本,以及Image(Google APIs、Intel x86 Atom System Image、Intel...,配置JAVA_HOME和ANDROID_HOME我就不说了 测试安装 npm install -g react-native-cli全局安装react-native工具包 react-native...cd app, react-native run android or react-native run-ios,出错一般是因为模拟器没有启动或adb通道被占用,mac环境一般没什么问题,windows...环境推荐真机调试,模拟器实在是一个慢啊,可以adb devices查看连接的手机 PS 安装过程中可能会遇到很多错误,需要耐心,大多是: 一些build工具缺失和依赖包安装失败,检查nodejs、npm...版本和python版本以及环境变量是否正确 windows下安装成功却跑不起来可能是因为gradle版本问题,降低一下版本试一下 react-native start可以单独启动Packger;android
Android Studio 既然是安卓,sdk少不了,下载地址, 这玩意有点大,下载最新的即可,此时最新的版本2.3.2.0。在下载间隙,可以顺便去下载一些其他的。...进入后,勾选Show Package Details,然后找到Android 6.0,勾选下面的Android SDK Platform 23。 2....滚动条拖至最下方,检查Android Support Repository是否勾选,我这里的版本是默认勾选的。...此时Android Studio配置全部完成,然后需要在环境变量当中加入 在环境变量中新建ANDROID_HOME,值就是当时安装sdk的路径。...然后 双击上图ANDROID_HOME下的path,进入path后新建两条,即之前sdk的路径,加上tools和platform-tools。最后确认退出。
前言 React Native 作为一款跨端框架,有一个最让人头疼的问题,那就是版本更新。...尤其是遇到大版本更新,JavaScript、iOS 和 Android 三端的配置构建文件都有非常大的变动,有时候三者的配置文件又互相耦合在一起,往往牵一发而动全身。...阅读 RN GitHub 上的 CHANGELOG,获取版本更新的具体改动,适配 API 变更 阅读第三方依赖的 README.md 文件,是否需要同步升级 使用 Upgrade Helper 做版本...在我实际升级中,因为 React Native 0.59 到 0.60 有非常大的变动,并且业务较为复杂,升级 0.60 花了两个星期的时间:iOS 一周,Android 一周;0.61 和 0.62...值得注意的是,react-native-webview 在一次更新中为了响应 App Store 政策,已经移除了 UIWebView,只支持 WKWebView。
对于Android开发环境,首先你需要保证你的Android Studio工具版本在2.0以上并且Java版本要在1.8以上,javac -version命令可以查看当前的JDK版本,如果低于1.8,可以到官网下载...下载安装完成Android Studio后,首先需要对SDK进行相应配置,打开Android Studio,打开欢迎界面的SDK Manager,如下图: 选中其中的SDK Platforms...SDK Tools,必须安装其中的23.0.1版本,切记,这是必须!...在文件中添加如下路径: export ANDROID_HOME=~/Library/Android/sdk 之后在终端执行如下命令来使设置生效: source ~/.bash_profile...命令成功执行后,进入到项目根目录中,如下: 使用react-native run-ios或者react-native run-android来进行iOS项目或者Android项目的运行,如果你看到如下图所示的界面
领取专属 10元无门槛券
手把手带您无忧上云