转载

发表于 2017年01月01日
浏览 (724)
评论 (0)

react-native-OneLess：一个 App 的 React Native 版本

react-native-OneLess

一个APP的RN版本。

问题总结：

Q1:页面设置视图位置跟随Tab的点击，初始想法是通过Route切换View。但是这样会造成一个问题就是切换View的时候就要刷新页面，会重新走一遍生命周期。造成页面的卡顿，体验很差。然后想到使用Android中的ViewPager+Fragment的想法。外面使用禁止滑动的ViewPager，每个Item内部可以使用Swiper或者自定义就可以了。
- 方案如上，但是遇到的问题有：Swiper的底层是分平台，Android使用ViewPagerAndroid IOS使用ScrollView，在ViewPagerAndroid上使用setPage可以进行点击切换View。但是ScrollView无这个方法。所以重新定制了一下Swiper组件，写setPage方法也是分平台。 Android通过setPage进行切换， IOS通过scrollTo进行切换，同时给出animated的参数，也可以设置移动效果，但是默认禁止了。
Q2:PicSwipe进行处理：在底层通过绝对布局固定视图，根据手势对View进行变化。
Q3:Swipe动态添加Item的处理，Item根据首页请求的ListIndex再次获取数据。

元旦了，Mifind祝大家新年快乐~

又clone了一个Github的博客，不知道他能活到几月份。

目前进度见图片：

react-native-OneLess：一个 App 的 React Native 版本

目前问题:

* PICTURE：左滑刷新，右滑十页进入历史菜单未完成 * 收藏、分享问题 * RN如何打无服务器签名包问题。

原文 https://github.com/MIFind/react-native-OneLess

正文到此结束

所属分类：编程技术

本文标签： ip Android IOS tab App 生命定制 GitHub 博客服务器数据 http id find src 总结 Master https 参数 IO git list 图片
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,742) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,456) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,287) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,195) 评论(0)
Decorators in ES7

浏览(15,738) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,762) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,215) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,177) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,455) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,315) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG