![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React-Native点滴知识
栀夏暖阳
在改变和选择中不断前行理由都只有一个,为家人和理想奋斗,哪怕遍体鳞伤也是幸福的...........
展开
-
react-navigation导航组件使用详解
注意了,如果有小伙伴们发现运行作者提供的react-navigation示例项目报如下的错误,可能是大家使用了yarn install命令,解决这个错误的办法就是将nodemodules删除,然后使用npm install命令来安装,最后使用npm start来起服务,应该就不报错了,如果还有报错,请加作者交流群,将问题反馈到群里,谢谢。RN技术总结作者React Nativ...转载 2020-04-07 14:16:25 · 1247 阅读 · 1 评论 -
Redux开发实用教程
为了帮助大家快速上手什么是Redux开发,在这本节中将向大家介绍什么是Redux开发所需要的一些什么是Redux必备基础以及高级知识。什么是Redux?Redux 是 JavaScript 状态容器,提供可预测化的状态管理,可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。我们过下整个工作流程:用户(操作View)发出A...转载 2019-03-19 13:55:07 · 148 阅读 · 0 评论 -
如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件
在 Android 手机上回退按钮是经常会用到一个功能,可以用来返回上一个页面,或者是用来取消某项操作等等,总之十分方便,今天就给大家介绍一下如何在 React Native(以下简称 RN)项目中结合React Navigation进行回退按钮的处理。为什么是React Navigation?因为它已逐渐成为 RN 项目路由管理工具的标配,RN 的官方文档推荐使用Expo来创建项目,...转载 2019-03-19 09:53:11 · 848 阅读 · 0 评论 -
React Native常用第三方组件汇总--史上最全
http://blog.csdn.net/chichengjunma/article/details/52920137ReactNative 项目常用第三方组件汇总:react-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计时react-native-device-info 设备信息...转载 2019-03-12 16:42:13 · 774 阅读 · 0 评论 -
React native 常用的第三方组件
常用三方组件:loadash -- 低版本系统 一些函数不支持. performance-now -- performance.now().更加专业,专门测试执行时间 moment -- 管理日期和时间的工具 react-native-code-push -- 热更新组件 react-native-i18n -- 国际化组件 react-native-device-info -- 设...原创 2019-03-12 16:37:52 · 419 阅读 · 0 评论 -
react native实现个别页面禁止截屏
今天拿到一个需求,在输入密码的时候禁止截屏,本来想在MainActivity里面写的,但是不好控制,所以就使用react-native调用原生的方法做了一个封装,其实封装都一样,如果在reactMetod方法直接写会报错Only the original thread that created a view hierarchy can touch its views.所以需要重新写个线程来...原创 2019-02-21 11:48:12 · 1279 阅读 · 0 评论 -
react native社区项目知识点
前言本来想的上一个React项目做完,从容过完1月迎接新年,IT行业的快节奏真是不容许有这种想法;公司把3月上线的react native项目,时间周期活生生压缩到1月底,真是哭笑不得。这样只能加加班而且保质保量地完成,还是在接口各种报错的前提下利用Mock数据。 言归正传,回到react native项目中来xcode配置篇一、iOS APP图标配置 二、...转载 2019-02-22 15:12:24 · 295 阅读 · 0 评论 -
React Native 与 iOS 和 Android 通信
原文地址:React Native Bridge for iOS and Android 原文作者:Abhishek Nalwaya 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:MeandNi 校对者:lsvihReact Native 流行的最大原因之一是我们可以在 Native 语言和 JavaScript 代码之间建立桥梁。这...转载 2019-02-22 15:05:50 · 310 阅读 · 0 评论 -
箭头函数和普通函数的区别
面试时被问到箭头函数和普通函数的区别。。。-_-||举个例子:[javascript] view plain copyfunction make () { return ()=>{ console.log(this); } } var testFunc = make.call({ name:'foo' }); testFunc(); testFunc.call...转载 2018-04-16 16:04:29 · 428 阅读 · 0 评论 -
webpack使用
前言webpack前端工程中扮演的角色越来越重要,它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack,妈妈再也不用担心我不会使用webpack,哪里不会看哪里。这是一个由浅入深的文章。工程化这里是一个项目工程化,规范化的设置,如果是初次使用webpack的同学还是最后在看这一块知识现在vue、react等脚手架都会自动将开发环境转载 2017-12-01 10:18:24 · 435 阅读 · 0 评论 -
Es6的常用语法和优越性
1.前言前几天,用es6的语法重写了我的一个代码库,说是重写,其实改动的并不多,工作量不大。在重写完了的时候,就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了80%左右的。下面的文章,按照es6常用新特性进行分类,文章提及的实例,有些是我代码库的小实例,有些是自己随便编的,大家知道就好!希望可以帮到大家,如转载 2017-12-01 10:13:54 · 390 阅读 · 0 评论 -
React Native下载打开pdf文件
使用到的组件react-native-fs 文件下载组件 GitHub - johanneslumpe/react-native-fs: Native filesystem access for react-nativereact-native-pdf-view pdf显示组件 GitHub - cnjon/react-native-pdf-view: React Na转载 2017-12-01 10:12:12 · 2575 阅读 · 0 评论 -
React Native 中组件的生命周期
概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的转载 2017-12-01 09:08:34 · 160 阅读 · 0 评论 -
React-Native之微信好友、朋友圈分享、支付
终于把微信好友分享和朋友圈分享的功能打通了,现在就我的做法,以及遇到的一些坑,写下来供大家参考: 一、首先我们新建一个RN的项目,写好你的好友分享和朋友圈分享布局,后面我们要调用微信的接口,然后把项目安装到android手机上,后面我们要用签名软件查看签名; 二、去微信的开放平台注册开发者账号(https://open.weixin.qq.com/)转载 2017-12-01 08:46:26 · 7873 阅读 · 1 评论 -
ReactNative接入支付宝支付
写在前面重申一下,ReactNative开发的App是NativeApp,不是WebApp或者HybridApp,所以我们需要开通的是支付宝的App支付功能,别申请错了。申请完成之后就可以接下去开发了。支付宝支付接入支付宝支付前建议先查看 支付宝官方文档,先按照要求创建应用并完成配置。不过要注意以下两点:第一,App支付不能在沙箱做测试,所以我们需要先 “上线”转载 2017-12-01 08:44:24 · 1008 阅读 · 0 评论 -
react-native学习路线总结
首先当然还是介绍一下react-native这个框架:他是我们大FaceBook公司推出的一款专门用于App的JS框架,号称“Learn once, write anywhere”。本意是想兼容iOS和Android系统,写一次代码即可在多个平台运行。这个想法可不可行我就先不讨论(其实根本轮不到我这种菜鸟评价啊,光学习已经很吃力了,我可不是变相说明学习曲线陡峭)现在讲一讲学转载 2017-05-03 11:29:33 · 817 阅读 · 0 评论 -
React Native Android 从学车到补胎和成功发车经历
1 背景好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准备发个小车—— React Native。没错,就是这个从去年到现在官方都憋不出大招 1.0 版本,而被我朝开发者疯狂追捧备受争议的破车。怎么说呢,这玩意刚出来时有了解过,当时的内心是抵触的,但是内心总是架不住天朝的炒作能力,更架不住硬性指标,于是我就这么被 React Native 蹂躏了一番,也就有了下面转载 2016-11-10 17:18:22 · 654 阅读 · 0 评论 -
安卓React Native开发--踩坑大全
版权声明:本文为Marno原创,转载必须在明确位置注明出处!转载地址:http://www.jianshu.com/p/276cb2c0283a注:原创不易,欢迎【赞赏】和【点赞】更多关于安卓React Native知识请关注简书专题《安卓React-Native阵营》使用中文指导中的命令行安装【Chocolatey】失败,无法使用【ch转载 2017-02-09 13:49:22 · 522 阅读 · 0 评论