Installation 1.install  rnpm Run  npm install -g rnpm 2.via rnpm Run rnpm install react-native-orientation Note: rnpm will install and link the library automatically. via npm Run npm install react-native-orientation --save 3.Linking Using rnpm (iOS +…

lottie-react-native 传送门 1.npm i --save lottie-react-native 2.react-native link lottie-ios 3.react-native link lottie-react-native 如果找不到文件 Lottie.h文件 Go to General > Embedded Binaries > add Lottie.framework 使用步骤: ```js 1.1.使用Adobe After Effects软件做出特效…

文章是宝宝自己写的,你可以转走,标明哪来的就行王亟亟的大牛之路 国庆这些天要么旅游要么WOW,感觉整个人都废了.. 直接从黄种人晒成了非洲大酋长..然而还是无橙,这礼拜要做7天,昨天把单元测试的东西整完后今天下午抽出时间继续学习,然后就补一篇RN 主件的文章,知识点源于官方文档 原文地址:https://github.com/facebook/react-native/blob/master/docs/Images.md 效果图 第一种为:加载RN项目下的图片 第二种为:加载网络图片 第三种为:…

"babel-plugin-transform-decorators-legacy": "^1.3.5", "babel-preset-react-native-stage-0": "^1.0.1", "mobx": "^3.2.2", "mobx-react": "^4.2.2",     .babelrc 文件 : { "preset…

参照 http://reactnative.cn/docs/0.30/getting-started.html#content 1)当执行 react-native run-android 这个环节的时候会报错 SDK location not found. Define location with sdk.dir in这时候要确定环境变量设置正确: 应该是要新增一个 ANDROID_HOME ,不是之前原有的 ANDROID_SDK_HOME .2)如果是以下报错提示则是sdk版本对应不正确…

一.run-android报错:unable to load script from assets 'index.android.bundl' 解决: 1.进入\android\app\src\main 2.新建assets文件夹 3.执行 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.androi…

在 App 开发中我们经常需要在用户登录模块接入 SNS 登录组件,这样会大大提高用户的注册体验.特别当一个不是刚性需求 App 推广的时候,这样会很大的降低用户体验的成本,没有人愿意忍受输入邮箱.手机号码去注册一个账号的流程. 本文主要分享了在 React Native 中接入微博.微信.QQ 登录的流程,以及此前登录组件中修复的一个已知 bug 的修复. 我的源博客地址:http://blog.parryqiu.com/2016/01/27/react_native_sns_weibo_we…

http://bbs.reactnative.cn/topic/306/%E5%9C%A8react-native%E4%B8%AD%E4%BD%BF%E7%94%A8art 前半个月捣腾了一下React Native ART 现在手上闲下来了和大家分享一下React Native中的ART使用心得 React Native ART 究竟是什么? 所谓ART,是一个在React中绘制矢量图形的JS类库.这个类库抽象了一系统的通用接口,统一了SVG,canvas,VML这类矢量图形在 React中…

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981 [之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发] 相关文章: Expo大作战(一)--什么是expo,如何安装expo clinet和xde,xd…

一款好的APP离不了一个漂亮的布局,本文章将向大家分享React Native中的布局方式FlexBox. 在React Native中布局采用的是FleBox(弹性框)进行布局. FlexBox提供了在不同尺寸设备上都能保持一致的布局方式.FlexBox是CSS3弹性框布局规范,目前还处于最终征求意见稿 (Last Call Working Draft)阶段,并不是所有的浏览器都支持Flexbox.但大家在做React Native开发时大可不必担心FlexBox的兼容性问题,因为既然Reac…