首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

React-Native 入门

(无法调用原生 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 可能是版本的原因,可以通过如下命令安装指定版本并更新

2.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 JS 构建跨平台的原生应用(一):React Native for Android 初探

    本文以在 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 系统。

    1.8K50

    在Windows下搭建React Native Android开发环境

    推荐使用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能否看到设备。

    1.7K60

    window环境下搭建react native及相关插件

    可以根据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的问题。 ?

    2.5K80

    学习 React Native for Android:环境搭建

    本文将作为一个 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

    1.4K20

    React-Native android在windows下的踩坑记

    官网上也提到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,里面包含

    1.8K30

    新奇篇 之 Mac 配置 React Native 0.56

    优势: 组件化开发,复用率高,而且目前组件日渐完善,隶属于前端式开发; 同时支持 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。注意版本号必须精确到两个小数点。

    94420

    mac上配置react-native环境run-iosrun-android命令遇到的问题

    新报错(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电脑上使用

    1.5K30

    mac上配置react-native环境run-iosrun-android命令遇到的问题

    新报错(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电脑上使用

    1.5K30

    1. react-native环境搭建测试安装PS

    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

    99220

    🧭 React Native 版本升级指南

    前言 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。

    4.5K20

    ReactNative开发环境的搭建与开发前准备

    对于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项目的运行,如果你看到如下图所示的界面

    2.1K20
    领券