跳到主要内容

使用 ScrollView

ScrollView 是一个通用的滚动容器,可以包含多个组件和视图。可滚动的项目可以是异构的,你可以垂直和水平滚动(通过设置 horizontal 属性)。

此示例创建一个垂直 ScrollView,其中混合了图像和文本。

可以配置 ScrollView,以允许使用 pagingEnabled props 通过滑动⼿势在视图之间分页。在 Android 上,也可以使用 ViewPager 组件来实现视图之间的⽔平滑动。

在 iOS 上,带有单个项目的 ScrollView 可用于允许用户缩放内容。设置 maximumZoomScaleminimumZoomScale props,你的用户将能够使用捏合和展开手势来放大和缩小。

ScrollView 最适合展示少量且尺寸有限的内容。即使 ScrollView 的所有元素和视图当前未显示在屏幕上,也会被渲染。如果你有一个很长的项目列表,无法在屏幕上显示,则应使用 FlatList。所以让我们接下来了解列表视图