文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

安装C++环境 推荐从itellyou下载并安装Visual Studio 2013或2015。也可选择Windows SDK、cygwin或mingw等其他C++环境。...命令行工具 npm install -g react-native-cli 创建项目 进入你的工作目录，运行 react-native init MyProject 并耐心等待数...安卓运行 保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行 react-native run-android 首次运行需要等待数分钟并从网上下载gradle依赖。...for device，输入你的正在运行packager的那台电脑的局域网IP加:8081（同时要保证手机和电脑在同一网段，且没有防火墙阻拦），再按back键返回，再按Menu键，在调试菜单中选择Reload...如果真实设备白屏但没有弹出任何报错，可以在安全中心里看看是不是应用的“悬浮窗”的权限被禁止了。

2.3K60

在Mac上搭建React Native开发环境

概述 前面我们介绍过在window环境下开发React Native项目，今天说说怎么在mac上搭建一个RN的开发环境。...是一个包管理器，用于在Mac上安装一些OS X没有的UNIX工具（比如著名的wget），Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中，并在 /usr/local/bin...这个在windows中也有，个人觉得可装也可以不装，直接手机上reload也是可以的。...https://npm.taobao.org/dist --global 关于在mac上怎么搭建Android的运行环境这里不在讲解，大家可以看看我之前的文章React 和Android的整合，这篇文章也是补了之前...RN在windows环境下开发，而没有在mac下开发，后面我们将讲解怎么在mac上开发一款RN应用。

2.5K80
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    React Native 学习：Windows 上搭建环境踩坑记录

    今天领导下达任务，要我和YY俩人在项目闲置这段时间学学 React Native。领导一声吼，小猿满地走。搞起！...去年听说 React Native 的时候还只能在 Mac 上开发，现在也可以在 Windows 上开发了！...首先搭建环境，按照React Native 中文文档上写的先下载Chocolatey，一个windows包管理软件，结果我怎么都下载不成功，算了，还是找其他前辈的文档吧。...在进行到第五步，输入 react-native init reactNative 出现这个界面好久好久，听人家的要等五十分钟，结果硬等了那么久还是没反应。...插上手机，输入 react-native run-android 它会开启本地服务器，同时打包 React Native 代码到手机。

    91020

    React-Native android在windows下的踩坑记

    ，参数下面这篇文章： 在Windows下搭建React Native开发环境 http://my.oschina.net/jackzlz/blog/508210 腾讯Bugly加速 http:/...platform=android，浏览器能正常访问但手机访问时在packager的DOS窗口没有看到log输出，那么你可以尝试使用下面的命令： 参考网址：http://stackoverflow.com...我遇到的问题跟我之前安装的环境有问题，所以导致了一些问题，祝诸君都能顺利看到Welcome to React Native!...，现在写react-native也有这种势头，但是因为我本机之前就已经安装过Android的开发环境，所以对于从来没接触过相关知识的童鞋来讲，可能有点疑惑。...我贴几个我本机的环境： ANDROID_HOME 出错的提示已经很明确的告知了，它其实就是Android的SDK根目录，不行你就安装Android Studio，它里面就帮你下载好了SDK，里面包含

    2.5K30

    React Native在Android当中实践（二）——搭建开发环境

    React Native在Android当中实践（一）——背景介绍 React Native在Android当中实践（二）——搭建开发环境 React Native在Android当中实践（三）—...—集成到Android项目当中 React Native在Android当中实践（四）——代码集成 React Native在Android当中实践（五）——常见问题 搭建开发环境（以Windows...为例） 必须安装软件 Chocolatey 简介：Chocolatey(https://chocolatey.org/)是一个Windows上的一个包管理器，类似于linux上的yum和 apt-get...比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7...手机当中出现： image.png 表示启动成功，到此整个Windows下的开发环境搭建到此结束。

    1.6K40

    Flutter在Windows上搭建Android开发环境

    Flutter 是谷歌基于 Dart 语言开发的一款开源、 免费、跨平台的移动端UI 框架，可以让我们快速的在 Android 和iOS 上构建高质量 App，它最大的特点就是跨平台、 以及高性能。...配置完成后，可以在系命令行环境下输入 JAVA，如果不是未识别命令并且有一大堆的东西出来，证明安装配置成功了。 2. 下载安装 Android Studio 点击 安卓官网 进行下载。 ?...配置 Flutter 国内镜像 搭建环境过程中要下载很多资源文件， 当一些资源下载不了的时候， 可能会报各种错误，在国内访问 Flutter 的时候有可能会受到限制， Flutter 官方为我们提供了国内的镜像地址...Android Studio 中导入运行 Flutter 项目 ? 下载自动化构建工具gradle。 ?...如果报错点击 Flie菜单下的Sync Project With Gradle Files 重新下载 Gradle ，这个过程比较慢 10-30 分钟左右。 ?

    2K10

    关于React Native项目在android上UI性能调试实践

    被调试的代码段在开始和结束处加上标记，在执行的过程中标记会被记录，最后会以图表形式展现统计结果。包括Android SDK自己和React Native框架都已经提供了标准的标记供你查看。...收集一次数据 注意: Systrace从React Native v0.15版本开始支持。你需要在此版本下构建项目才能收集相应的性能数据。...-a 的应用包名>启用了针对应用的过滤。在这里填写你用React Native创建的应用包名。...注意没有任何一个线程在靠近帧的边界处工作。类似这样的一个应用程序就正在60FPS(帧每秒)的情况下流畅表现。 如果你发现一些起伏的地方，譬如这样： ?...React Native小组正在架构层设法提供一个方案，使得新的UI视图可以在主线程之外去创建和配置，这样就可以使得交互变得更加流畅。

    3.7K50

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

    新报错（rn版本：0.53.3）2018.3.6 今天在搞react-native环境时，遇到了一些坑，这里记录一下。 首先最重要的一点是一定要按官网一步一步来，不然可能会出现一些奇奇怪怪的问题！...如果出现这个问题可以在run之后用android studio打开等待初始化完成(打开后如果初始化失败，看log窗口，如果提示要安装什么就点击安装，一般要安装两个。...想到会不会是打开构建文件没有权限导致的没有任何报错，于是在项目根目录执行以下代码： chmod 755 android/gradlew 对于权限命令不理解的可以点这里 给到权限后执行react-native...run-android，成功运行~ ps：修改权限后 android/gradlew 文件引起了一个问题（虽然文件内容没有变化，但是文件在git上是有变化可以上传的），在另一台window电脑上使用...可以进入项目android目录执行命令gradlew clean，再回到项目根目录执行react-native run-android即可，相当于重新初始化了gradlew文件。

    1.9K30

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

    新报错（rn版本：0.53.3）2018.3.6 今天在搞react-native环境时，遇到了一些坑，这里记录一下。 首先最重要的一点是一定要按官网一步一步来，不然可能会出现一些奇奇怪怪的问题！...如果出现这个问题可以在run之后用android studio打开等待初始化完成(打开后如果初始化失败，看log窗口，如果提示要安装什么就点击安装，一般要安装两个。...想到会不会是打开构建文件没有权限导致的没有任何报错，于是在项目根目录执行以下代码： chmod 755 android/gradlew 对于权限命令不理解的可以点这里 给到权限后执行react-native...run-android，成功运行~ ps：修改权限后 android/gradlew 文件引起了一个问题（虽然文件内容没有变化，但是文件在git上是有变化可以上传的），在另一台window电脑上使用...可以进入项目android目录执行命令gradlew clean，再回到项目根目录执行react-native run-android即可，相当于重新初始化了gradlew文件。

    1.9K30

    Windows + Android studio 搭建基础的Android 环境（Java SE 14）

    当前主流的Android开发环境 ①Eclipse + ADT + SDK （不再更新ADT） ②Android Studio + SDK ③IntelliJ IDEA + SDK 当前我们选用 Android...Studio + SDK 来学习基础的环境搭建 一、前期准备工作 准备需要的文件下载地址： 1....，安装路径（E:\javajdk），再直接按照提示进行安装 配置环境变量（我的电脑（鼠标右键）->属性->高级->环境变量） 新增系统变量 JAVA_HOME:安装根目录 (示例JAVA_HOME...:E:\javajdk) 系统变量PATH新增 %JAVA_HOME%\bin 注意：在以前的jdk版本中，只要安装jdk文件就会在本地自动生成jdk和jre两个文件，但是在jdk12以上的版本没有自动生成...当前Android studio安装根目录下的jre 包 2.JDK 根目录的 jre 包 image.png 五、新建一个空项目 1.

    6.1K111

    React Native在Android平台运行gif的解决方法

    概述 目前RN在Android平台上不支持gif格式的图片，而在ios平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？...justifyContent: 'center', }, loading:{ height:30, width:30, }, }) RN在Android...平台的解决方法 facebook fresco方法 要解决上面的问题，方法还是很多的，最简单的莫过于使用facebook的jar支持库，在android/app/build.gradle文件中新增 compile...gif图片，对图片资源做拆解，这有点类似于，在很久以前，Android平台也是不支持gif的，出现了自定义view对gif图片进行拆解，然后运行image的方案。...有点类似于Android的帧动画，在xml定义图片数组，然后使用Animator来加载。不过这种方法性能差。

    1.8K50

    React Native在Android平台运行gif的解决方法

    概述 目前RN在Android平台上不支持gif格式的图片，而在ios平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？...justifyContent: 'center', }, loading:{ height:30, width:30, }, }) RN在Android...平台的解决方法 facebook fresco方法 要解决上面的问题，方法还是很多的，最简单的莫过于使用facebook的jar支持库，在android/app/build.gradle文件中新增 compile...gif图片，对图片资源做拆解，这有点类似于，在很久以前，Android平台也是不支持gif的，出现了自定义view对gif图片进行拆解，然后运行image的方案。...有点类似于Android的帧动画，在xml定义图片数组，然后使用Animator来加载。不过这种方法性能差。

    2.8K60

    ReactNative环境搭建扩展篇——安装后报错解决方案

    之前一篇写了《逻辑性最强的React Native环境搭建与调试》说了RN的安装，今天在这里做一个复盘，让我们能够更直观更深入的了解React Native（以下简称RN）,这一篇重点来说的就是，安装之后必报的...更新日期：2017.9.2 运行环境：Windows 10/Android环境 一、回顾一下RN的安装过程： 1.搭建Android开发环境，因为要运行在Android环境下，所有安卓的开发环境是要搭建的...app的“壳子”以后运行都是基于这个app的，手机上只要有这个app之后，在启动调试就不需要react-native run-android来运行安装项目了，因为“壳子”的安装只需要一次，以后只需要启动服务即可...，RN调试app的时候是基于服务接口的，所以如果app已经安装在android调试设备上之后，每次重启电脑只需要输入命令：“react-native start”启动服务即可进行修改和调试。...翻译中文：无法在加载文件index.android.bundle 产生原因：ad项目在编译运行的时候，在win10上没有创建编译目录导致的。

    1.5K80

    Android Studio环境下搭建ReactNative

    在安装过程中，请务必记得勾选Run Git from Windows Command Prompt，这样会把Git的可执行程序加入到PATH环境变量中，这样其他程序才能在命令行中正确调用Git...也可选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。...packager的那台电脑的局域网IP加:8081（同时要保证手机和电脑在同一网段，且没有防火墙阻拦），再按back键返回，再按Menu键，在调试菜单中选择Reload JS，就应该可以看到运行的结果了...配置服务器 如果真实设备白屏但没有弹出任何报错，可以在安全中心里看看是不是应用的“悬浮窗”的权限被禁止了。 11.遇到的坑（耽搁我一个通宵！！！）...ps：Android Studio无需配置，只需import，不过import时候注意目录，是在ReactNative项目根目录的android目录下，否则Android Studio无法编译调试

    2K80
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券