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

react native基本使用

创建项目 npm install -g yarn react-native-cli 安装android sdk 配置android_home 添加platform-tools目录到path 创建项目react-native...https://npm.taobao.org/dist 编译 react-native start运行 添加VScode调试配置后(配置使用react native调试) yarn 安装npm...会有些问题) rn android添加local.properties内容如下,指定android sdk存放位置 sdk.dir=D:/ProgramFiles/Android/Android_SDK...调试是出错误提示,可以检查任务管理器,关闭所有执行中node.exe程序,node端口占用可能导致调试连接失败,也可以关闭react native生成工具,node程序大概是用作生成 adb...android/app/build.gradleandroid版本 MainApplication.java react web npm install react-web-cli -g react-web

2.5K20
您找到你想要的搜索结果了吗?
是的
没有找到

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...,windows环境推荐真机调试,模拟器实在是一个慢啊,可以adb devices查看连接手机 PS 安装过程中可能会遇到很多错误,需要耐心,大多是: 一些build工具缺失和依赖安装失败,检查nodejs...、npm版本和python版本以及环境变量是否正确 windows下安装成功却跑不起来可能是因为gradle版本问题,降低一下版本试一下 react-native start可以单独启动Packger...8081 init命令后项目名称即是名称,不要使用-,非特殊情况千万不要修改,会产生一堆奇诡错误 依靠错误信息和Google一步一步解决把,本章结束。

95720

Android版本对应 SDK 版本

SDK Android 开发所需 SDK,下载并解压后,将解压出整个文件夹复制或者移动到 your sdk 路径/platforms文件夹,然后打开 SDK Manager,打开 Tools(工具)...菜单选择 Options (选项)菜单项打开Android SDK Manager Setting对话框,点击 Clear Cache (清除缓存)按钮,然后重启 Eclipse(或 Android Studio...平台版本 SDK 版本 版本名称 9.0 28 Pie (Android P) 8.1 27 Oreo(Android O)(奥利奥) 8.0 26 Oreo(Android O)(奥利奥) 7.1 25...各版本和对应 JDK 版本 SDK 版本 JDK 版本 26 - 23 - 22 7 21 7 19 6 18 6 17 6 16 6 15 6 10 6 参考 信息中心 | Android Developers...https://developer.android.google.cn/about/dashboards/ AndroidDevTools - Android开发工具 Android SDK下载 Android

1.4K10

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

包管理工具,但我个人更倾向使用npm来进行ReactNative安装,在使用之前,可以通过替换源镜像方式来进行npm加速(在无法访问外国网站前提下): npm config set registry...这个工具用来初始化ReactNative项目,命令如下: npm install -g react-native-cli 使用react-native -v命令来检查是否安装成功: 到此...对于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版本,切记,这是必须!

2K20

React-Native 入门

当安装完 Node.js 后,NPM 也会一同被安装,NPM是随同NodeJS一起安装包管理工具,能解决NodeJS代码部署上很多问题,常见使用场景有以下几种: 允许用户从NPM服务器下载别人编写第三方到本地使用...允许用户从NPM服务器下载并安装别人编写命令行程序到本地使用。 允许用户将自己编写或命令行程序上传到NPM服务器供别人使用。...Andorid 开发环境,然后检查 项目中 Android 文件夹下是否有 local.properties 这个文件,如果有,确定 sdk 路径正确,如果没有新建这个文件,里面定义 sdk 路径为如下形式...(改成自己): dk.dir =/Users/USERNAME/Library/Android/sdk 2、第一次运行出行红屏,error code:500 error.png 可能是版本原因,可以通过如下命令安装指定版本并更新..."}} 接着删除项目根目录下 node_modules 文件夹,删除之后,通过 npm install 重新下载一下依赖npm install image.png 3、没有启动服务 当出现如下界面是

2.7K10

Android Sdk版本、Support版本及常用框架最新版本汇总

SDK Verion 数据来源于android官网,和一篇博客 Api 版本号 代号 发布时间 主要更新内容 1 1.0 无 2008-09-23 Web浏览器显示,短信,媒体播放器,相机,Wifi...数据来源于官方网站 特别注意 Android 支持库最新版本是28.0.0,这是最后一个google发布支持库版本,现在google已将所有support包下库都迁移至androidx包下面,...以后更新都只会在androidx中进行。...最后编辑时间: 2018-11-14 名 库名 gradle最新依赖版本 v4 compat com.android.support:support-compat:28.0.0 v4 core-utils...版本 用途 androidx.appcompat:appcompat: 1.2.0 主要有用以兼容AppCompatActivity androidx.core:core: 1.3.1 各种兼容库

2.5K30

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

安装Android SDK 可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。...推荐使用Android Studio,以下说明会默认以Android Studio方式说明。请注意选择x86还是x64版本。 为了加速下载,推荐从AndroidDevTools下载。...(24.3.3) Tools/Android SDK Platform-tools (22) Tools/Android SDK Build-tools (23.0.1)(这个必须版本严格匹配.../dist --global 安装react-native命令行工具 npm install -g react-native-cli 创建项目 进入你工作目录,运行 react-native...如果apk安装运行出现报错,请检查上文中安装SDK环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。

1.6K60

React-Native android在windows下踩坑记

) 为了方便切换npm源,需要先安装nrm模块 因为公司内把taobao全线屏蔽了,所以我用了cnpm镜像 因为我之前电脑里安装了nodev0.12.7版本,所以我遇到了下面的坑...官网上也提到node最低版本要求 https://github.com/facebook/react-native 更新完node后 一切正常了,你可以在浏览器里访问:http...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 出错提示已经很明确告知了,它其实就是AndroidSDK根目录,不行你就安装Android Studio,它里面就帮你下载好了SDK,里面包含

1.8K30

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

flow:$ brew install flow Facebook 出品 JS 静态类型检查器 如果你安装了 watchman 又版本太低,那么编译项目的时候可以能会报错 Cannot read property...Android SDK 将工具、平台和其他组件分成若干个软件,可以通过 Android SDK 管理器根据需要下载这些软件。...选择以下进行添加安装:命令行下运行 $ android 来打开 SDK Manager Android 支持库,RN 内有用到 编译你应用程序对一个特定版本 Android 系统。...SDK 扩展工具,它与具体 Android 平台无关,包括一套完整开发和调试工具。...安装 RN 脚手架 $ npm install -g react-native-cli react-native-cli(0.1.7) 只是一个外壳,实际执行代码是在:react-native

1.8K50

React Native环境配置、初始化项目、打包安装到手机,以及开发小知识

5、安装 React Native npm i react-native-cli -g $ react-native -v react-native-cli: 2.0.1 react-native...(Android 5.0 及以上)使用 adb reverse 命令,这个选项只能在 5.0 以上版本(API 21+)安卓设备上使用。..."javascript.validate.enable": false, 8.2、npm run android 每次都需要在手机上重新安装软件 开发者模式 -> USB调试 -> 监控ADB安装应用...react-native start --port=8082 8.4、修改软件名称 修改配置文件 Android 修改配置文件里 app_name 即可,重新 yarn android ,发现手机上软件名称已修改成功.../resources> react-native-rename 插件修改 通过插件修改名字,必须是 使用 react-native init xxx 创建项目 # 安装 npm install react-native-rename

2.3K20

React-Native For Android 环境搭建及踩坑

如果不幸,你系统node版本是0.XXX,那么需要先卸载已安装到全局node和npm,不然在后面编译RN工程时候会报错: Installing react-native package from...可以使用export | grep ANDROID命令来检查。 如果你使用是bash,那就在~/.bashrc文件中加入以下内容,如果是用zsh,那就是~/.zshrc。...export ANDROID_HOME=/usr/local/opt/android-sdk 开始工程 进入AwesomeProject,然后运行: $ react-native run-android...默认设置中,使用Android默认构建版本是23.0.1而你很可能并没有安装这个版本SDK,比如bo主装了23.0.2。...打开AwesomeProject/android/app/build.gradle文件,找到这里配置版本号,改成你系统安装了,系统安装了可以在Android SDK Manager中查看。

1.6K60

React Native和Android整合详解

前言 按照React Native迭代速度,使用官网文档,已经不能很顺利实现React Native和Android有效整合。React Native最新版本 已经是0.39。...和target SDK都是24(网上有文章讲,使用appcompat-v7支持版本必须是23.0.1,compile SDK和target SDK也必须是23 。...不过最新也支持) compile 'com.android.support:appcompat-v7:24.2.1' 如果你出现下面的错误,可以降低版本到23....引入React Native 模块 在项目根目录下输入如下命令: npm install --save react react-native 执行完后我们发现项目多了一个node_modules文件,..., 如果不添加,在6.0以上Android版本中会报错 */ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

1.5K50

React Native初探--从安装运行首个app到填坑指南

SDK和安卓模拟器: 打开Android Studio,File --> Settings --> 搜索sdk,找到对应sdk进行安装即可,这里也可以选择安装模拟器,找到对应勾选进行下载即可。...分别是 Android SDK中tools目录路径和platform-tools路径。(如果已经配置,就不用再去配置了。)...例如: D:\android-sdk\tools; D:\android-sdk\platform-tools; (三)安装node 许多前端工具安装都依赖于node包管理器npm 安装地址...版本号,使用命令: react-native --version 图示如下,我当前react-native-cli版本号为2.0.1: ?...我用是AS3.1.3,gradle构建成功,但是命令行执行react-native run-android命令一直报各种错,问了别人也找不到解决方案,可能是RN对高版本AS工具以及高版本gradle

1.7K30
领券