React Native 如何实现的是这种效果FlatList

来源：蜘蛛抓取(WebSpider) 时间：2021-01-25 03:58 标签： 一一实现

核心思路就是往数据源里面 给每條数据加一个选中状态.

如图在网络请求完成之后给每条数据添加一个select的状态:

react native 的上拉加载一直困扰着自己一矗用的第三方组件，但是可维护性不高而且也不太好用，最近工作没那么忙就研究下了官方的FlatList，做出来的成果比第三方组件流畅度高好多，而且也很好用

总体思路就是：就是计算屏幕高度然后减去导航的头部，根据列表高度计算出每页的个数,然后向上取整这样做嘚目的是：防止不满屏状态下的，onEndReached函数的主动触发






  
 






  这里的坑就是：当初始化进来页面的时候 上拉会主动触发，所以这里加了一个开关 this.onEndReachedCalled = false； 初始化给一个false 当触发了 设为true,放在调取接口之后


                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 一一实现 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐