React-Native环境的搭建并运行facebook例子

最新推荐文章于 2021-06-01 07:57:39 发布
最新推荐文章于 2021-06-01 07:57:39 发布
阅读量512 收藏
点赞数
分类专栏： react-native Android 文章标签： react-native node.js android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaobo012387/article/details/61657944
版权
本文详述了如何搭建React-Native环境，包括安装Homebrew、Node.js、React Native命令行工具、Xcode和Android Studio，以及watchman和flow。接着，文章指导如何初始化一个React Native项目，并在Android或iOS模拟器上运行Facebook的Movies示例项目，强调了在运行前需要安装Android SDK、NDK（推荐版本为10e）并配置环境变量。
摘要由CSDN通过智能技术生成

react-native环境的搭建

1、安装Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

可以通过下面命令查看Homebrew是否安装成功

brew -v

2、安装Node.js

可以通过下载地址（Node.js官网下载）：

https://nodejs.org/en/

也可以在终端运行命令：

brew install node

之后通过：

npm -v
最低0.47元/天 解锁文章
zhaobo012387
关注
专栏目录
react native 环境搭建
passionhe的博客
09-09 820
去年Facebook推出React Native，其宣言是write once， use anywhere。能实现安卓，iOS公用一套代码，轻松实现热更新，听起来还挺爽的，其实坑还是很多在学习中，不过目前版本才0.32，但相信Facebook强大的实力，RN会越来越成熟。 学习RN有一段时间，最近做一个总结（zhuang b），开始写博客，分享给广大码农。会陆续更新，欢迎私信骚扰
Facebook关于react-native开源项目
libeyond_的专栏
07-13 668
https://facebook.github.io/react-native/
Facebook React Native 初探
wq820203420的专栏
07-29 1294
这周末参加了UPYUN的移动沙龙，就提到了React Native,今天就写一篇教程。 首先要配置环境，如果没有就执行下面的工作。 1.安装Homebrew打开终端 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2.安装node brew in
Facebook 新开源项目使创建 React 项目变得容易
weixin_33895516的博客
06-02 93
Facebook的 React 项目是一个开源库，它允许开发人员快速构建应用程序以及在JavaScript中构建它们的用户界面。但是，这有点过于轻描淡写了，因为除了JavaScript，你还必须学习很多的工具，才能简单地创建一个React项目。 尽管Facebook一直在谈论关于React的工具，但大多数个人开发者和初创企业都没有像Facebook公司拥...
ReactNative might be related to https://github.com/facebook/react-native/issues/4968
afunx的专栏
04-11 4931
1. 摘要         ReactNative在开发的时候，会遇到很多坑。需要我们根据日志来解决。把解决经过记录下来，方便之后的开发人员来搜索解决办法。 2. 日志 Loading dependency graph, done. error: bundling: UnableToResolveError: Unable to resolve module `react/lib/
Facebook React Native 中文教程一：介绍
weixin_33978044的博客
08-28 109
React Native 中文版Facebook 在 [React.js Conf 2015](http://conf.reactjs.com/) 大会上推出了基于 JavaScript 的开源框架 [React Native](http://facebook.github.io/react-native/)，本中文教程翻译自 [React Native 官方文档](http...
android studio 开发react native,React-Native-Android-Studio整合开发+环境配置+官方实例
weixin_34966742的博客
05-27 1100
React-Native-Android-Studio整合开发+环境配置+官方实例React-Native-Android-Studio整合开发+环境配置+官方实例linux下React Native开发环境搭建，使用Android-studio工具进行React Native整合开发。参考React Native的官方文档，通过图文详细记录开发过程。可以查看本文档中涉及Github源码。步骤1，...
MovieApp:React-Native电影应用
05-26
这通常涉及到安装Node.js环境，然后使用`create-react-native-app`或`react-native init`命令创建新项目。在这个例子中，项目名即为"MovieApp"，从压缩包文件名"MovieApp-master"可以推断出，这应该是一个已经初始化...
react-native-hello-world:我的第一个React是本机应用程序！
03-10
2. **React Native环境搭建** 开发React Native应用之前，确保你已经安装了Node.js、npm（Node包管理器）、Watchman（文件系统监视服务）以及Android Studio或Xcode（根据你的目标平台）。然后，使用npm全局安装...
react-native-redux 简易教程
雨季莫忧离的博客
09-10 2176
一、React-Native介绍简介： React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用。
android rn环境搭建,ReactNative - 环境搭建、创建及运行项目（以Andorid设备为例）...
weixin_39980360的博客
06-01 271
基于js的，node.js轻量级的Web服务器，想要使React Native跑起来需要安装node， 如果没有安装node.js，先去官网安装node.js,最好是4.1以上版本下载地址：https://nodejs.org/en/下载node.js，找好对应的版本，然后去安装就可以了。大家可以通过node -v的命令来测试NodeJS是否安装成功4、安装Git安装react-native需要用...
React-Native升级报错https://github.com/facebook/react-native/issues/4968
秋月夜的博客
06-06 2041
关键日志This might be related to https://github.com/facebook/react-native/issues/4968To resolve try the following:  1. Clear watchman watches: `watchman watch-del-all`.  2. Delete the `node_modules` folde...
关于uni-app的介绍
风再起时的博客
10-26 1879
一.什么是uni-app？ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 二.uni-app混合开发优缺点 优点一： uni-app是一套可以适用多端的开源框架，一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。 优点二： uni-app对前端开发人员比较友好，学习成本比较低，首先uni-app是基
如何将Facebook SDK安装到React Native Android或iOS App中
cumian9828的博客
07-09 751
So I made this snarky tweet at 4 a.m. This is my peace offering. 因此，我在凌晨4点发布了这条棘手的推文。这是我的平安祭。 If you’re a native Android or iOS developer and are already familiar with their respective ecosystems, th...
react-native集成+填坑记录
鑫哥的博客
01-18 3003
Gradle Compilecompile "com.facebook.react:react-native:+"权限添加 创建Activitypublic class MainActivity extends Activity implements DefaultHardwareBackBtnHandler{ private ReactRootView mReactRootView;
Facebook 正在重构 React Native，将重写大量底层
weixin_34419321的博客
06-16 354
Facebook 五年前为 React Native 框架设计的原则，负面影响了与 JavaScript 代码的整合程度，也加大了某些特性的开发难度。因此 Facebook 现在准备对 ...
react native 学习实践----运行facebook官方提供的例子
wxq888的专栏
09-02 2835
可以参考官方github网站：facebook Movies app  The Movies app is a demonstration of basic concepts, such as fetching data, rendering a list of data including images, and navigating between different screens.
react-native的简单使用
城主的专栏
03-03 9253
一、网上搜集RNandroid的问题 版本更新太快，到现在还没有到达版本1.0，技术并没有那么稳定 使用了RN，就意味着和Google的android开发控件走上了两条不一样的路线。 二、目前存在的问题1、react-native库会直接带动整个编译环境提升到最高，否则编译不了。带来的影响是新的buildtool似乎把很多以前废弃的函数直接undfine了，即可能找不到该函数了。以前的很多业务代码报
MacBookPro M2芯片下如何搭建React-Native环境
最新发布
04-05
搭建React-Native环境需要以下步骤： 1. 安装Homebrew Homebrew是Mac下的包管理工具，用于安装各种软件和库。在终端中执行以下命令安装Homebrew： ``` /bin/bash -c "$(curl -fsSL ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值