开始使用React Native

最新推荐文章于 2021-11-23 09:14:07 发布
最新推荐文章于 2021-11-23 09:14:07 发布
阅读量519 收藏
点赞数
分类专栏： React Native 文章标签： React Native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/book_1992/article/details/51547634
版权

基本步骤：http://reactnative.cn/docs/0.26/getting-started.html#content

https://github.com/reactnativecn/react-native-docs-cn/blob/master/docs/0.26/getting-started.md


需要注意的几点：
1，配置硬件加速(HAXM) ，在Android SDK Manager 中安装好
  • Intel x86 Emulator Accelerator (HAXM installer) 
其实HAXM还没安装好，只是下载好了，要进入sdk文件夹中进行安装，具体路径将鼠标移动到Intel x86 Emulator Accelerator的选项后静止几秒，就能看到路径，或者最上方有写着SDKPath就是sdk的目录
我的保存路径：

/usr/local/Cellar/android-sdk/24.4.1_1/extras/intel/Hardware_Accelerated_Execution_Manager

Hardware_Accelerated_Execution_Manager文件夹保存有IntelHAXM_6.0.1.dmg，它要安装


2.

npm install -g react-native-cli
要在前面加sudo

3.cd到对应的文件夹后才能使用开启应用指令（react-native run-android）
JoXu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-paypal:使用React Native的PayPal克隆
05-13
React本机贝宝 与本机React的PayPal克隆。 安装 $ git clone [email protected]:PunitGr/react-native-paypal.git $ yarn $ cd react-native-paypal $ yarn start
React Native A/libc: Fatal signal 11 (SIGSEGV), code 1 (SEGV_MAPERR), fault addr
hejun041的博客
04-26 1653
react-native-webview的硬件加速引发 设置：即可 但是该方案会引发其他问题， 部分手机不支持硬件加速会 闪退 更好的暂时解决方案为：
ReactNative性能优化
开源世界
11-23 824
前言 本文将从以下5个方面介绍我之前用到的ReactNative性能优化方式： 生产环境下日志输出禁用 采用setNativeProps Android硬件加速 长列表加载 首屏进入时间优化 生产环境下日志输出禁用： 接入babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console --save-dev 复制代码 配置.babelrc { ... "plugins": [ ..
react-navitve:使用swiper控件的时候，发现onIndexChanged无法触发
book_1992的专栏
06-05 1916
原代码： //data_protion_list：网络数据 this.state = { data_protion_list:[], }; //render: <Swiper onIndexChanged = {this.onInd...
开发一个基于React Native的简易demo--前记
小浩子的博客
12-07 2635
这阵子在学习react native， 说实话，坑真多！！！学习的过程也是不断的踩坑，艰难前进，这几天也断断续续的做了一个非常简单的demo.用到的技术： react native 样式、布局 react-navigation 轮播图 react-native-video 网络 平台：Android、window系统 、Genymotion模拟器、vscode、已经配好的react native 环
使用 ReactART 的 React Native 评分组件。
06-08
使用前：Link ART in Xcode 在你的项目中直接使用这个组件可能会遇到以下错误： No component found for view with name "ARTSurfaceView" 首先从 your-project/node_modules/react-native/Libraies/ART/ 中找到 ART...
React Native预设占位placeholder的使用
08-29
本篇文章主要介绍了React Native预设占位placeholder的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
React Native 计算器和计算器输入组件
06-08
安装使用 npm: npm i -S react-native-calculator 或 yarn: yarn add react-native-calculator Demo Calculator Component Usage import React from 'react' import { View } from 'react-native' import { ...
ReactNative自定义下拉菜单
05-25
自定义下拉菜单
React Native By Example
04-27
React Native By Example by Richard Kho English | 24 Apr. 2017 | ASIN: B01M31KB4Q | 414 Pages | AZW3 | 4.46 MB Key Features Work on native APIs and UI Elements using React Native Get the best of both...
在Androidstudio上面开发Reactnative所需要的配置
chanzhu的博客
03-15 5886
搭建开发环境 在GitHub上修改这篇文档支持我们 欢迎使用React Native！这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境，那么可以尝试一下编写Hello World。 根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。
react-native 轮播图 ——react-native-swiper使用
热门推荐
卓原的进化之旅
05-23 3万+
今天学习了轮播图的使用，上网查阅了一下，发现有react-native-swiper和React-Native-Viewpager 两种封装的比较好的第三方组件，对比了下文档，觉得react-native-swiper功能更加完善，而且文档说明比较全面，所以只用了react-native-swiper，下面介绍下react-native-swiper的使用。该组件同时支持android和iOS。
Android不同层次开启硬件加速的方式
oujunli的专栏
02-05 1万+
在Android中，可以四给不同层次上开启硬件加速： 1、应用： 2、Activity 3、Window getWindow().setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED, WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED); 4、View
Android硬件加速总结
xu_fu的专栏
09-05 7160
Android硬件加速知识总结
Android中使用硬件加速的技巧
yulongfei的专栏
07-04 1万+
http://www.uzzf.com/news/2060.html   从Android 3.0开始，Android 2D的绘制流程就设计为能够更好地支持硬件加速。使用GPU的View在Canvas上进行画的操作时都会使用硬件加速。在最新的Android版本里，图形硬件加速及绘制技巧得到了更好的提升.       　　1.Android 4.0硬件加速的使用 　　1.1 硬件加速的
android--React-Native（Windows）中的配置
Happy_Develop_的专栏
01-20 1390
1、首先进入React-Native的官网       http://reactnative.cn/docs/0.40/getting-started.html---------对应的文档 根据文档选着 你自己的开发电脑及平台【注意：下载的时有的会需要翻墙---如：Chocolatey     但是Python 2和Node可在官网上下载】 2、配置完React-Native可以用Ato
浅入react-native使用redux
WallaceLeung的博客
09-30 5849
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 初学这个，觉得网上有些文章并不那么容易看懂，这里用浅白的话简单介绍一下Redux在react-native的使用。 说白了就三个东西，Action，Store以及Reducer。 Action：主要用来触发一些事务改变state，平时都用setState改变状态。 Reducer：在触发上面的Action后，
Android硬件加速介绍与实现
xiangzhihong8的专栏
02-12 6561
概述在手机客户端尤其是Android应用的开发过程中，我们经常会接触到“硬件加速”这个词。由于操作系统对底层软硬件封装非常完善，上层软件开发者往往对硬件加速的底层原理了解很少，也不清楚了解底层原理的意义，因此常会有一些误解，如硬件加速是不是通过特殊算法实现页面渲染加速，或是通过硬件提高CPU/GPU运算速率实现渲染加速。 本文尝试从底层硬件原理，一直到上层代码实现，对硬件加速技术进行简单介绍，其中
react native paper主题使用
最新发布
03-22
你可以通过以下步骤来使用 react native paper 主题： 1. 首先，安装 react native paper 库，可以使用以下命令：npm install react-native-paper 2. 在你的 App.js 文件中，导入 react native paper 库：import {...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值