React-native
chelongfei
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React-native学习-----Start
由于公司业务需求,最近正在研究React-native,主要参照的资料: 1.reactNative中文网 2.ReactJs网站 3.ReactNative移动开发实战。在此记录所遇到的疑惑和自己个人的一些想法和感悟。...原创 2018-03-28 13:46:41 · 691 阅读 · 0 评论 -
React Native中RefreshControl刷新动画不消失的问题
最近在RN项目迭代中遇到了一个问题,个人中心有个下拉刷新的功能,但是有些时候会发现刷新了之后,refreshCtrol的加载的小菊花会悬停在上方,不停的在转。后来经过多方测试,确定了这种现象出现的情况,只会在release的包中出现,不会再debug的包中出现,出现的情况是时有时无。说实话,是个挺头疼的问题,因为只在release中出现,所以就不能打断点,也不能console.log,只能...原创 2018-08-28 13:15:41 · 1389 阅读 · 0 评论 -
作为一个iOS开发者,使用ReactNative四个月的见解
作为一名iOS开发者,OC两年半,swift两年,来到新公司四个月,由于职能的原因(公司项目是由ReactNative搭建的,从过来到项目上线,逐渐完成react native在原生端的工作,慢慢进入到无事可做的境地,于是开始慢慢研究原生组件封装供react native调用,到后来的完全从前端同学手上接过项目,负责迭代和维护),也开始慢慢进入到react native的开发中。首先对于这门语...原创 2018-08-08 13:56:12 · 2232 阅读 · 0 评论 -
对React Native中Reduce理解
React Native Redux学习1.action进行一定的逻辑,并将处理后的结果,使用dispatch以type的形势传递出去,结果在reduce里面处理结果2.reducers接受Action里面传出的type,根据type的类型更改state的值并将值返回给3.store进行配置store,在程序的入口中调用,调用后reduce更新的state就会传送到store中store会更具传回...转载 2018-07-05 15:09:22 · 903 阅读 · 0 评论 -
React Native-对于封装iOS原生组件供React-native调用的一些个人见解
对于如何封装原生iOS组件供react-native,react-native中文网已经给出了方法,但是初看之下确实有很多疑惑,在自己查看了底层,并封转了UIButton供rn调用之后,也有了一些小小的看法和心得,当然自己的写法对于新手的话是很简单明了的,大神是可以直接 在iOS原生代码中在CLFButton.h中#import <UI...原创 2018-06-07 10:29:48 · 2985 阅读 · 1 评论 -
ReactNative组件间的通信
父组件向子组件通信父组件向子组件传值通过props传递 在父组件中name='我是父组件向子组件传递的参数'在子组件中通过this.props.name获取父组件向子组件传递方法与传递参数方法相同,通过props方法这样传递test={this.onParentClick1}在子组件中触发这个方法this.props.test();子组件向父组件通信子组件向父组件传值在子组件state中定义一个参...转载 2018-05-15 16:24:20 · 1429 阅读 · 0 评论 -
30 分钟学会 Flex 布局
为什么我要写这一篇关于 Flex 布局的教程?因为它十分简单灵活,区区简单几行代码就可以实现各种页面的的布局,以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。本教程适合人群:前端小白,不太明白页面布局技巧,但想通过简单的学习学会如何进行页面布局学过但是不太熟...转载 2018-05-15 11:25:06 · 393 阅读 · 0 评论 -
React Native未来导航者:react-navigation 使用详解(基础篇)
一、开源库介绍今年1月份,新开源的react-natvigation库备受瞩目。在短短不到3个月的时间,github上星数已达4000+。Fb推荐使用库,并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0-beta.9 】版本来...转载 2018-04-26 10:25:38 · 273 阅读 · 0 评论 -
React Native学习------封装原生UI组件(iOS)
原生开发,发展到今天已经非常成熟完善,已有组件成千上万,极大的提高了开发效率。而React Native 在Facebook的React.js conf 2015上提出,至今一年多,组件数目肯定没得和原生的相比。因此,在使用React Native开发App的过程中,我们可能需要调用RN没有实现的原生视图组件或第三方组件。甚至,我们可以把本地模块构造成一个React Native组件,提供给别人使...转载 2018-04-17 16:45:56 · 1791 阅读 · 0 评论 -
关于iOS开发者学习React-Native的路线
这些天学习React-native遇到了很多问题,还好有耐心的同事讲解,现在也算基本确定了React-navtive的学习线路(仅对于iOS开发者而言),ES6->React->Redux->React-Native,使用到的资料 阮一峰的ES6入门,react中文网站,http://cn.redux.js.org/docs,以及react-native中文网...原创 2018-03-29 10:23:55 · 295 阅读 · 0 评论 -
React-native学习---No.1
justifyContent 和 alignItems很多资料上的解释是 justifyContent 设置横向排列位置 , alignItems 是设置纵向排列位置。但是在实际操作中总结了一下,以下的总结似乎更为贴切:justifyContent 设置与排布方向相同的排列位置,alignItems设置与排布方向相饭的排列位置。一. 对于justifyContent:'center' 当flex...原创 2018-03-28 14:08:08 · 228 阅读 · 0 评论 -
再看ReactNative和iOS原生
不知不觉,接触并开发RN项目已经有大半年的时间。从开始的辅助开发到现在的负责RN和iOS端的全部项目。感触良多。对RN也有了更多的理解,不禁想记录一下内心的感想。接触RN,也是工作原因,新来的公司需要iOS开发,然而iOS端的任务也不是很多,只是一些原生功能的实现,便慢慢的学习RN,了解RN,到开始写RN。毕竟与iOS原生的差别太大,所以刚开始学习不免会有很多很多的困惑,也会有很多很多...原创 2018-11-14 16:57:04 · 333 阅读 · 0 评论
分享