React Native组件之FlatList
2023-09-27 14:22:50 时间
在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代,可以看到,特别是0.50之后,React Native的组件库在不断地壮大,React Native也正在越来越稳定。
随着版本的升级,React Native引进了一些新的组件中,如FlatList、SectionList等具有更高性能的列表组件,也有与时俱进的用于适配全屏幕的SafeAreaView组件,同时一些性能比较差、无法适应React Native发展的一些老的组件也逐渐被抛弃,如:ListView、Navigator等组件。
下面是一张说明图,来自于网络:
FlatList简介
总所周知,为了实现列表的效果,React Native提供了ListView组件,并且通过对ListView进行简单的封装,ListView还可以实现下拉刷新和上拉加载的功能。
但是如果对ListView比较了解的同学都会发现,ListView的性能是非常差的,所以React Native在0.43版本推出了FlatList,FlatList自带上拉下拉的功能,用于替换ListView。
FlatList功能简介
FlatList支持如下功能:
- 完全跨平台;
- 支持水平布局模式;
- 行组件显示或隐藏时可配置回调事件;
- 支持单独的头部组件;
- 支持单独的尾部组件;
- 支持自定义行
相关文章
- Swift开发React Native组件
- React Native组件只Image
- React Native组件之Button
- React之组件小析
- 从零学React Native之09可触摸组件
- React 中组件间通信的几种方式
- React--受控组件的事件合并
- react:高阶组件和Render Props
- 基于react-markdown组件自定义一个Markdown显示器
- React组件通信技巧
- react设计--他怎么知道是类组件还是函数组件
- React 异步组件
- React中组件通信的几种方式
- React高阶组件
- react-native动态姿态tab组件
- React-Native子组件修改父组件的几种方式,兄弟组件状态修改
- React Native 的图片点击放大效果的组件使用 react-native-zoom-image
- React Navigation 自认比较好的navigator组件(三)
- React Native之Modal组件实现遮罩层效果
- react-native自定义单选框组件
- react-native制作新手引导组件
- react-native-scrolltotop 回到顶部-组件 (ios/android)
- React Native组件之Switch和Picker和Slide
- React Native常用组件样式总结