首页 > 滚动 > 滚动,使用滚动视图 · React Native 中文网

滚动,使用滚动视图 · React Native 中文网

互联网 2021-05-06 21:00:46

ScrollView是一个通用的可滚动的容器,你可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView 不仅可以垂直滚动,还能水平滚动(通过horizontal属性来设置)。

下面的示例代码创建了一个垂直滚动的ScrollView,其中还混杂了图片和文字组件。

ScrollViews 可以通过使用pagingEnabled属性来允许使用滑动手势对视图进行分页,在Android上也可以利用ViewPager组件水平滑动视图。

在 iOS 上包含单个子元素的 ScrollViews 可以允许用户对内容进行缩放. 通过设置maximumZoomScale和minimumZoomScale两者的属性, 您的用户能够利用捏合以及扩大手势来放大或缩小。

ScrollView适合用来显示数量不多的滚动元素。放置在ScrollView中的所有组件都会被渲染,哪怕有些组件因为内容太长被挤出了屏幕外。如果你需要显示较长的滚动列表,那么应该使用功能差不多但性能更好的FlatList组件。下面我们来看看如何使用长列表。

本文档贡献者:sunnylqm(98.36%), wxf24132006(1.64%)#
免责声明:非注明原创的信息,皆为程序自动获取自互联网,目的在于传递更多信息,不代表本网赞同其观点和对其真实性负责;如此页面有侵犯到您的权益,请给网站管理员发送电子邮件,并提供相关证明(版权证明、身份证正反面、侵权链接),网站管理员将在收到邮件24小时内删除。