2017年09月_vv_小虫

09月 08月 05月 04月 03月 02月 01月

原创 React Native带你一步步实现热更新（CodePush-Android）

前言：无奈研究了一下CodePush，遇到了很多坑～～但是原理呢不是很难理解，就是配置有点多，原理可以简单的参考一下我之前的一篇博客React-Native 热更新尝试（Android），下面说一下期间遇到的坑～大家可以看一下官网：https://github.com/Microsoft/react-native-code-push，如果觉得自己英文不太好的话可以看一下这哥们的博客： React

2017-09-26 18:12:08 2546

原创 React Native带你从源码解决启动白屏（Android）

前言：最近有点迷茫，学的东西太多，然后感觉有点力不从心，也不知道还能坚持多久这样写博客，不说了～～烦！！撸一下代码平复下心情~React Native中我们都知道，所有的view摆在一个activity中（原谅我只能用android为例子），然后原生android启动的时候，如果后台进程比较多，或者手机比较渣一点的话，多多少少都会看到一个短暂的白屏现象，然后当自己的activity切换到rnac

2017-09-22 12:53:02 2425

原创 React Native带你实现scrollable-tab-view（完结）

前言：上一节React Native带你实现scrollable-tab-view（五）中我们最后实现了我们scrollable-tab-view的效果为：我们要做的就只差一步了，那就是点击tab的时候，让指定tab居中，也就是要改变srollview的水平偏移量，但是偏移量控制范围为：（0<=x<=tabcontainer的宽度-container的宽度），也就是scrollview到顶部和

2017-09-08 17:54:31 5295 3

原创 React Native带你实现scrollable-tab-view（五）

上一节React Native带你实现scrollable-tab-view（三）中我们最后实现了我们scrollable-tab-view的效果为：比如有很多页面，我们的tabview需要跟随scrollview的滑动而滑动：我们现在用的还是默认的tabview，比如我们多加一些页面，这样肯定不行，我们需要的是上面的那种效果，所以每个view的flex=1这种模式肯定不适合了，我们需

2017-09-07 22:22:01 1711

原创 React Native带你实现scrollable-tab-view（四）

上一节React Native带你实现scrollable-tab-view（三）中我们最后实现了我们scrollable-tab-view的效果为：还记得我们上一节最后留下的问题吗？比如我们有很多个页面，然后一出来就加载那么多页面的话，再牛掰的手机都扛不住，我们想做的是： 1、第一次加载页面的时候，假设有三个页面，第一次就只加载第一个页面，（用户也可以选择预加载出第二个和第三个页面）。 2

2017-09-06 22:27:41 2080 2

原创 React Native带你实现scrollable-tab-view（三）

上一节React Native带你实现scrollable-tab-view（二）中我们最后实现了我们scrollable-tab-view的效果为：我们接下来来实现一下点击某个tab跳转到指定的页面，所以当我们点击了哪个tab我们得回调给scrolltabview，于是我们传入回调函数给DefaultTabBar: /** * 渲染tabview * @private

2017-09-06 15:41:56 3387

原创 React Native带你实现scrollable-tab-view（二）

上一节React Native带你实现scrollable-tab-view（一）中我们最后实现了我们scrollable-tab-view的效果为：代码为：/** * @author YASIN * @version [React-Native Pactera V01, 2017/9/5] * @date 2017/9/5 * @description index */......

2017-09-05 22:23:33 1497

原创 React Native带你实现scrollable-tab-view（一）

前言：项目中很多地方用到了react-native-scrollable-tab-view这个第三方框架，觉得有必要拿出来研究一下，因为其中也遇到了很多bug，哈哈！都是些小bug，这框架写的还是很牛逼的，所以就开启我们的scrollable-tab-view之旅吧。先看一下react-native-scrollable-tab-view的效果图：小伙伴貌似都比较熟悉此框架，主体分为两个部分：一

2017-09-05 18:24:32 1625 1

原创 React Native 指定文字行数，超出行数显示更多

纯属于工具类，简单的说一下原理， 1、在不给text设置numberOfLines的时候计算出text的高度。 2、给text一个特定的numberOfLines，然后再次计算高度。 3、比较两次获取的高度，如果第二次获取的高度<最大高度，说明需要换行，回调给页面。 4、页面通过回调知道需不需要显示“加载更多操作”。用法：<MutiRowText st

2017-09-05 17:19:44 11314 2