开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ViewPager和FlatList有什么区别？

ViewPager和FlatList是两种不同的UI组件，用于展示列表数据的方式不同。

ViewPager是Android平台上的一个控件，用于实现页面切换效果。它可以水平滑动切换不同的页面，每个页面可以是一个独立的视图。ViewPager通常用于实现引导页、图片轮播、Tab切换等功能。在Android开发中，可以使用ViewPager类来创建ViewPager实例，并通过PagerAdapter来管理页面内容。

推荐的腾讯云相关产品：腾讯云移动应用分析（https://cloud.tencent.com/product/uma）

FlatList是React Native框架中的一个组件，用于展示长列表数据。它是基于VirtualizedList组件的封装，具有高性能的滚动和渲染性能。FlatList可以处理大量的数据，并且只渲染当前可见区域的列表项，从而提高了性能。FlatList还支持下拉刷新、上拉加载更多、列表项的滑动删除等常见功能。

推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）

总结： ViewPager和FlatList是两种不同平台上的列表展示组件。ViewPager适用于Android平台，用于实现页面切换效果；而FlatList适用于React Native框架，用于展示长列表数据。它们在功能和使用方式上有所差异，开发者可以根据具体需求选择适合的组件来展示列表数据。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我的第一个RN项目——趣闻

之前利用自己的业余时间入门了微信小程序，并写了一个入门项目我的第一个微信小程序-趣闻，整体效果和之前写的 kotlin-android 版的趣闻模块和功能上没有什么区别。不得不说，相比较 Android ，小程序开发起来真的是很舒服，完善的 API和封装全面的组件，安装官方详细的开发文档，很快就可以开发出一款简单便捷的应用。

01

Android开发3年，九月份面试12家大厂跳槽成功，我有一些面试经验想分享给你们

在下2017年毕业，目前从事android开发工作已经3年了，前段时间刚完成一次跳槽，面试了几家公司，将一些面试经验分享给大家，希望对大家有所帮助。

01

当大潮退去没有谁还能Android这行“裸泳”，10家大厂面试题，掌握这些让你轻松面试

现在Android开发的现状大致是这个样子，人才严重过饱和，加上跨端和小程序盛行，原生客户端（安卓 iOS）岗位进一步萎缩，入行之后就业极为困难。目前行情是移动端严重过剩，服务端供需平衡，前端供不应求。市场上前端工作好找，服务端职业上限整体较高。。客户端上百人抢一个工作岗位，竞争激烈，内卷惨烈。

02

Android Scroller完全解析，关于Scroller你所需知道的一切

06

如何在React Native中使用FlatList组件

在React Native开发中，经常需要用到列表展示的功能。FlatList组件是React Native中用来实现列表功能的核心组件之一，它能够高效地渲染大量数据，并且支持懒加载，提高了用户体验。本文将介绍如何在React Native中使用FlatList组件。

00

仿腾讯课堂固定滚动列表ReactNative组件

前言由于业务需要做成类似腾讯课堂课程详情滚动的效果，考虑到后面有可能有新的呈现方式，RN提供的组件没有这种滚动控件，不如自己封装，其实去年已经写了一篇但是写的比较乱，周末花了点时间重写梳理下做的东西

07

Android使用ViewPager实现滚动广告

在一些类似于淘宝的电商网站上经常能够看到一些滚动的广告条，许多软件在首页也有类似的广告条，如图：

01

ViewPager打造轮播图Banner/引导页Guide

去年7月时，在Github发布了一个开源的Banner库，虽然Star不多，但还是有少部分人使用。

02

React Native列表之FlatList开发实用教程

在APP开发过程中，列表可谓是页面最重要的一种展现形式了，几乎每一个APP都离不了列表，那么在这篇文章中将向大家分享在React Native中该如何实现列表，以及FlatList的原理和实用指南。

00

ViewPager 全面总结

Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。

02

使用FlatList构建列表

接着上一篇使用react-native-tab-navigator切换页面当前首页页面内容是空的，只有一个背景色。下面我们来添加些内容。这里使用 FlatList 来渲染列表。(注：很多教程包含视频中是使用 ListView 构建内容列表的。这个已经被弃用) 步骤如下图非常简单：

03

TabLayout+ViewPager+Fragment实现切页展示「建议收藏」

目前大多数的APP都采用的是几个Tab标签以及多个界面滑动的形式来提供多层次的交互体验，最为常用的做法就是采用TabLayout+ViewPager+Fragment的方式，最近在公司项目中遇到类似的界面，也看了各个论坛很多份博客，但是发现都没有完全把这种方法的坑填完，因此写下这篇博客，一方面是对知识的总结，另一方面也能让其他开发者们少走一些弯路，博客内容主要分为四个章节：

01

Python使用递归对任意嵌套列表进行扁平化

首先补充一个地方，之前有个文章演示的是猜数游戏，原文链接为猜数游戏用Python应该这样写，代码中漏掉了一个break语句，也就是说，在猜对的时候输出语句print('Congratulations!')后面应增加一个break，否则会让玩家继续猜，这是不合理的。下面的今天的内容。有时候可能会需要这样的功能：把任意深度的嵌套列表扁平化，例如把[1, 2, [3, [4]]]和[1, [2, [3, [4]]]]都变成[1, 2, 3, 4]的形式，由于提前无法确定列表的嵌套深度，这种情况比较适合使用递归

08

一个支持Fragment,View,图片轮播的Banner

之前有一个项目中有用到轮播，不过不是简单的轮播图片就完了，而是要轮播很多个View,一开始我的想法和大家一样在github在一个算了，哈哈，不过在试用了很多个项目之后都觉得不能完全满足我的需求，大部分还是针对于图片轮播的场景，所以是时候自己搞一个既支持图片，也支持各种自己定义的View,也支持fragment,同时也可以选择不同实现方式的指示器或者干脆去掉，适应个各种需求场景。

03

React Native组件之FlatList

在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，可以看到，特别是0.50之后，React Native的组件库在不断地壮大，React Native也正在越来越稳定。

05

Flatten Nested Arrays（展平嵌套数组）

这个题目是在一个公司现场面谈的时候的一个题目。虽然对这种找工作上来就做题目的现象比较反感。

04

如何优雅的在react-hook中进行网络请求

Hook是在React 16.8.0版本中新加入的特性，同时在React-Native的0.59.0版本及以上进行了支持，使用hook可以不用class的方式的方式使用state，及类似的生命周期特性。

07

React-Native 版高仿淘宝、京东商城首页、商品分类页面

高仿淘宝、京东等商城首页、商品分类页面，正在做商城项目的同学有福啦，看看是你们想要的效果吗？

01

ViewPager使用FragmentPagerAdapter适配器

前言：昨晚在做课程设计的结构遇到了二级Fragment(在Fragment里面嵌入了ViewPager)，在数据显示的时候，如果使用简单的PagerAdapter的话，代码在这个适配器里面会造成庞大的不好效果，不仅仅如此，使用mvp模式，Presenter就会跑到adapter里面，虽然adapter属于view图层，但是不利于数据的处理。然而我找到了一个比较推荐的方法：ViewPager使用FragmentPagerAdapter适配器。FragmentPagerAdapter派生自PagerAdapte

03

react-native布局与组件

一款好的App离不开漂亮的布局，RN中的布局方式采⽤的是FlexBox(弹性布局) 。

02

面试官让我回去把基础搞扎实，含泪狂刷Android基础面试118题

有人说，有些面试官问的面试题很变态，个人认为其实是因为我们基础不扎实或者没有深入。

02

Android中Fragment+ViewPager的配合使用

官方推荐 ViewPager与Fragment一起使用，可以更加方便的管理每个Page的生命周期，这里有标准的适配器实现用于ViewPager和Fragment,涵盖最常见的用例。FragmentPagerAdapter和FragmentStatePagerAdapter这两个类都有简单的代码显示如何构建一个完整的用户界面与他们。适配器类： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

用Java 8 stream流实现简洁的集合处理

java 8已经发行好几年了，前段时间java 12也已经问世，但平时的工作中，很多项目的环境还停留在java1.7中。而且java8的很多新特性都是革命性的，比如各种集合的优化、lambda表达式等，所以我们还是要去了解java8的魅力。

03

Android基础：Fragment，看这篇就够了 ( 下）

00

React Native跨平台开发2017 年终总结

从2016年开始关注React Native到现在，React Native的每一个版本发布我都会关注一下，虽然最近将重心转移到区块链开发上，这一年里，我还出版了一本《React Native移动开发实战》的书。在过去的一年中React Native经历了十几次的版本迭代，版本也从从v0.40升级到v0.52，总体来说，版本迭代没以前那么频繁，组件也越来越丰富，稳定性也越来越好了，下面就一些新组件，新API进行相关的总结。

07

React Native新组件之SwipeableFlatList

做过移动开发的同学都应该清楚，侧滑删除是移动开发中的一个常见功能。在官方没提供侧滑组件之前，要实现侧滑效果需要使用第三方库，如react-native-swipe-list-view。不过随着React Native 0.50版本的发布，系统新添加SwipeableFlatList组件，SwipeableFlatList是在FlatList基础上实现的侧滑显示菜单的功能，大大的方便了开发。

04

React Native组件之VirtualizedList

React Native（简称RN）列表是基于ScrollView实现的，也就是可以滚动的，然而RN并没有直接使用IOS或Android的原生列表组件，这是因为RN真正调用native代码的过程是异步的，二Native的渲染要求必须同步渲染的。

02

ViewPager 详解（一）—基本入门

前言：这两天研究研究ViewPager滚动功能，现在很多的app都有用到这个功能，我们的大虾米也有这个模块。要研究就彻底的研究研究，我从不满足于一个功能只是简单的应用，要学就学的彻底，所以我打算将ViewPager 分几篇写，研究的哪个程度就写到哪个程度吧。今天是第一篇，基本入门篇。

01

React Native年度报告(2017-2018)

概述在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，我们看到在这十几次的版本迭代中React Native的组件库在不断地壮大，在新引进的组件中既有FlatList、SectionList等具有更高性能的列表组件，也有与时俱进的用于适配全屏幕的SafeAreaView组件，同时呢，一些性能较差、无法适应React Native未来发展的一些老的组件，如：ListView、Navigator等组件也逐渐退出了沙场。本文将向大家总结React Native在过去的一年

06

react-native-easy-app 详解与使用之（三） View，Text，Image，Flatlist

react-native-easy-app 是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS & Android)，特别是在从0到1的项目搭建初期，至少可以为开发者减少30%的工作量。

01

react-native flatlist 上拉加载onEndReached方法频繁触发的问题

问题在写flatlist复用组件时，调用的时候如果父组件是不定高的组件，会造成组件无法显示如果父组件样式{flex：1}，则会出现下拉方法频繁触发或不正常触发的问题（我这里出现的问题是在列表第6个项目在底部时，缓慢上拉会多次触发flatlist的onEndReached监听）原因推测是因为{flex：1}不适合做动态高度组件的父组件样式，会错误的判断高度导致onEndReached多次不正常触发。解决可以把列表上方所需的组件做成header属性传入组件当做flatlist的头部组件，这样就可以直

02

2021Android 面试宝典：实战记录+回答技巧，让每个知识知其所以然！（持续更新中）

该面试宝典不仅收录了本人亲身面试遇到的问题，还收录了从一些朋友那里收集过来的问题。在以后的工作中本人也会不断的更新和充实该面试宝典，当然也希望大家能够多多奉献比较优质的面试题。

02

Rn使用FlatList导航栏自动回到中间

01

React-Native 在 SectionList 组件中实现九宫格布局

随着 ReactNative 的不断更新，ListView 这个组件逐步被 FlatList 和 SectionList 取代。ListView 从出生之后就饱受诟病，比如不支持单独的头部和尾部组件，并且当列表数据源过大时，占用内存明显增加性能受到影响，无法达到 60FPS 。在这样的背景下，FlatList 和 SectionList 就应运而生了，FlatList 用于无分组的列表，而 SectionList 用于有分组的列表。

01

Dwarf 格式介绍

在软件调试中，一种有效的方法是用打断点，这样可以实时看到堆栈，变量，寄存器的变化，那调试器是如何完成源代码和执行指令的关联呢？本篇来解答这个问题。

03

Android基于ViewPager实现类似微信页面切换效果

ViewPager是页面，PagerTabStrip和 PagerTitleStrip是设置标题的

02

ViewPager轻松完成TabHost效果

上一期学习了ViewPager的简单使用，本期一起来学习ViewPager的更多用法。相信很多同学都使用过今日头条APP吧，一打开主界面就可以看到顶部有很多Tab，然后通过左右滑动来切换，就

07

FlatList ListView SectionList 下拉刷新上拉加载彻底解决

至于 FlatList SectionList 自带的上拉加载功能，根本就是骗人的。

03

Android开发的那些坑和小技巧

来源：LeoLiang 链接：http://www.cnblogs.com/lao-liang/p/4941653.html

03

安卓开发_深入学习ViewPager控件

一、概述 ViewPager是android扩展包v4包（android.support.v4.view.ViewPager）中的类，这个类可以让用户左右切换当前的view。 ViewPager特点： 1）ViewPager类直接继承了ViewGroup类，所以它是一个容器类，可以在其中添加其他的view类。 2）ViewPager类需要一个PagerAdapter适配器类（通常需要自定义适配器继承PagerAdapter类重写其中的方法）给它提供数据。 3）ViewPag

08

android viewpager实现竖直滑动效果

做过android开发的朋友们，一定知道viewpager是什么，但是viewpager只能水平滑动。现在有的项目引导页也开始使用竖直滑动,这个时候viewpager就不能帮到我们了，怎么办？只有自定义了，今天就简单讲下viewpager竖直滑动的实现,但是这是告诉大家怎么实现，具体肯定不能用于真实项目中，因为还有些细节没处理，只是给大家讲个思路而已！

03

Android开发笔记（一百七十二）第二代翻页视图ViewPager2

正如RecyclerView横空出世取代ListView和GridView那样，Android也推出了二代翻页视图ViewPager2，打算替换原来的翻页视图ViewPager。与ViewPager相比，ViewPager2支持更丰富的界面特效，包括但不限于下列几点： 1、不但支持水平方向翻页，还支持垂直方向翻页； 2、支持RecyclerView.Adapter，允许调用适配器对象的notifyItem***方法，从而动态刷新某项视图； 3、除了当前页，也支持展示左右两页的部分区域； 4、支持在翻页过程中展示自定义的切换动画；虽然ViewPager2增加了这么棒的功能，但它用起来非常简单，掌握下面几个方法就够了： setAdapter：设置二代翻页视图的页面适配器。 setOrientation：设置二代翻页视图的翻页方向。其中ViewPager2.ORIENTATION_HORIZONTAL表示水平方向，ViewPager2.ORIENTATION_VERTICAL表示垂直方向。 setPageTransformer：设置二代翻页视图的页面转换器，以便展示切换动画。接下来利用循环适配器搭配二代翻页视图，演示看看ViewPager2的界面效果。注意RecyclerView与ViewPager2拥有各自的AndroidX库，故需修改模块的build.gradle，在dependencies节点内部补充以下两行依赖配置：

03

巧妙运用补间动画，自定义广告轮播CarouselView 2.0

这是前一篇文章绘制的CarouselView的升级版，有兴趣的同学，可以去关注一下笔者前一篇文章。自定义广告图片轮播View——CarouselView

02

ViewPager源码分析

1. 自定义ViewGroup对自己以及子View的宽高限制规则，即onMeasure方法。

04

Android开发笔记（二十一）横幅轮播页Banner

在前面的博文《Android开发笔记（十九）底部标签栏TabBar》中，我们提到可以在一个主页面里通过选项卡方式，切换到不同的子页面。那么在手机上还有另外一种切换页面的方式，就是通过手势左右滑动，ViewPager就是这么一个左右滑动来切换页面的控件。 ViewPager的基本思想跟适配视图差不多，都是定义一组元素，通过适配器来展示与响应不同元素的处理，适配视图的相关说明参见《Android开发笔记（三十八）列表类视图》。

03

Android 自定义 ViewPager 打造千变万化的图片切换效果

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38026503

01

react-native之undefined is not an object

开搞：刚学习rn，有很多不理解的地方，常常会报undefined is not an object这个错，然后在不断的修改和试错的情况下，发现只要发生这个情况就有this存在，先贴出一段错误的代码

04

Rn实现省市区三级联动

省市区三级联动选择是个很频繁的需求，但是查看了市面上很多插件不是太老不维护就是不满足需求，就试着实现一个这个功能无任何依赖插件功能略简单，但能实现需求核心代码也尽力控制在了60行左右 pca-code.json树型数据来源 Administrative-divisions-of-China 下面只贴了省市区选择的功能，全部代码可参考github area分支

01

Android实现自动轮播图效果

本文实例为大家分享了Android实现轮播图效果展示的具体代码，供大家参考，具体内容如下

03

Android - 懒加载

如果我们的项目中使用了ViewPager+Framgment实现底部Tab可点可滑，那么我们都知道ViewPager有预加载功能，通过viewpager.setOffscreenPageLimit();来设置，不设置默认加载上一个和下一个Fragment页面，带上本身也就是三个页面(当然如果你刚进入就是首页，那么它会加载首页和下一个页面，因为首页上面没有页面呀)。预加载功能会暴露一个问题，比如我刚进入加载首页的数据，但是因为有预加载功能，那么就会执行下一个Tab对应的Fragmeng的生命周期，如果我下一个Tab页数据量小还好，如果我有比较耗时的操作或者网络请求，势必会影响程序的性能，影响用户的体验。那么我们要做的就是禁止ViewPager预加载或者提供一个只在Fragemnt可见的情况下，才去进行耗时操作的方法，只要Fragmeng可见我们就执行该方法。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭