[原]Mac上搭建React Native Android开发环境并运行

2016-10-17 0

核心提示：react-native目前是越来越火，很多人都开始接触，环境搭建就显得比较重要，具体方法可以看一下这两篇文章 1、mac上搭建步骤 2、Mac OSX 安装nvm（node.js版本管理器）在执行命令需要使用vpn，才能安装成功，国内网络受限。nvm install node最后执行命令npm i

react-native目前是越来越火，很多人都开始接触，环境搭建就显得比较重要，具体方法可以看一下这两篇文章

1、mac上搭建步骤 2、Mac OSX 安装nvm（node.js版本管理器）

在执行命令需要使用vpn，才能安装成功，国内网络受限。

nvm install node

最后执行命令

npm install -g react-native-cli

[原]Mac上搭建React Native Android开发环境并运行

执行命令可以创建工程这个过程是比较慢

react-native init AwesomeProject

运行工程执行命令

react-native run-android

我是通过android studio运行工程的

最后在手机上的效果如图

需要设置电脑的Ip和端口

然后摇晃手机点击Reload 就可以看到改变的内容了。

标签： React Native MacOS

点赞 0反对 0举报 0 评论 0

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.

史上最详细的Android原生APP中添加ReactNative

背景React Native出来已经一段时间了，相对来说也算稳定了，在很多的企业中都实际使用他们，混合开发已经是未来的一种趋势，混合开发中使用的技术很多，不外乎Html5、JS框架通过一定的技术和原始交互，目前主流混合开发React Native、Cordova、APICloud、MUI

12-23 React Native 安卓开发
React Native 中调用原生 android 模块 Toast

react-native-android-toast react-native 调用原生 android 模块 Toast 学习笔记参考官方文档初始化一个react-native项目初始化项目 react-native init androidToast 生成如下目录：运行命令查看项目react-native run-android如图：接入Android原生模块

11-13 React Native Toast
基础篇章：关于 React Native 之 ListView 组件

我们讲完ScrollView组件，其实顺其自然的就应该讲解ListView,对于前段和移动端的开发人员应该非常熟悉这样的控件吧，具体是做什么的，我感觉不用我讲了吧。我们来看看它怎么使用吧。大家好，我是ListView，我是React Native大家族中基础组件中，一个核心组件

11-03 ListView React Native
React Native填坑之旅--ListView篇

列表显示数据，基本什么应用都是必须。笔者写作的时候RN版本是0.34。今天就来从浅到深的看看React Native的ListView怎么使用。首先是使用写死的数据，之后会使用网络请求的数据在界面中显示。最后加上一个ActivityIndicator，网络请求的过程中显示Loading图标

10-07 React Native ListView
基础篇章：React Native之 ScrollView 的讲解

大家好，我是ScrollView，相信做过移动或者前端开发的人肯定都很熟悉我，对，我就是那个可以滚动的容器，滚有点难听，我是可以滑动的容器，我滑动起来，摩擦摩擦，似魔鬼的步伐。我不仅可以上下滚动，就是垂直，还可以左右滚动，这叫有水平。我厉不厉害？我这

10-07 ScrollView React Native
解决React-Native bug:about DialogModule onHo

问题是这样的，线上的Bugly爆出这样一个错误，而且延续了好多个版本，一直没有解决，崩溃次数已经上千次，因为刚看过RN源码所以斗胆尝试解决一下。Attached DialogModule to host with pending alert but no FragmentManager (not attached to an Activity).c

09-14 React Native 安卓开发
[工具资源] react-native-easy-toast, 一款简单

react-native-easy-toastA react native module to show toast like android, it works on iOS and Android.ContentInstallation Demo Getting started API Contribution Installation1.Run npm i react-native-easy-toast --save 2. import Toast, {DURATION

09-14 Toast React Native
修改 React-Native Android App 包名

ReactNative 不知道是为什么（大概是依赖太多？），每次执行 react-native init 创建新项目的时候，总是要等个将近 10 分钟的样子…… 对于初学者来说，需要在短时间内创建好多好多好多的项目，这样每次 init 就要浪费好长的时间。用 verbose 模式一看，其实

09-14 React Native 安卓开发