React Native
在手机 App 中，大部分界面的内容都没法同时展示在屏幕上，因此需要用户可以滑动屏幕。
在 React Native 中，如果在一个 View 元素中加入过多的内容，导致一个屏幕方法下，那用户就无法看到超出屏幕的部分，且 View 元素不支持滑动屏幕的操作。
因此需要用一个 ScrollView 组件来包裹内容，例如：
<ScrollView>
// 此处放入内容
</ScrollView>
ScrollView
这样，当屏幕中的元素超过屏幕范围时，就可以通过上下滑动屏幕来浏览所有的内容。
若要屏幕支持横向滚动而不是纵向滚动，只需要给 ScrollView 设置一个 horizontal 属性即可。
<ScrollView horizontal>
效果如下：
横向滚动视图
上一篇：React Native 上手 - 5.ScrollView 列表视图 ListView ListView...
上一篇：React Native 上手 - 4.处理用户输入 滚动视图 ScrollView 在手机 App 中，...
上一篇：React Native 上手 - 2.属性和状态 样式（Style） 在 React Native 中创...
上一篇：React Native 上手 - 1.搭建开发环境 上一篇写了 React Native 的环境搭建，这...
为了帮助大家快速上手React Native开发，在这本节中将向大家介绍开发React Native所需要的一些R...
为了帮助大家快速上手React Native开发，在这本节中将向大家介绍开发React Native所需要的一些R...
[TOC] 环境安装 推荐直接查看官网，介绍的很详细，嫌门槛高，那就React Native 中文网。 开发工具 ...
新鲜事简单报 react-navigation是react-native官方推荐使用的导航库，简单易上手，功能还很...
上一篇：React Native 上手 - 6.ListView 大部分 App 都离不开网络资源请求。React...
为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Nativ...
本文标题：React Native 上手 - 5.ScrollView
本文链接：https://www.haomeiwen.com/subject/gjdcwttx.html
网友评论