RN之使用滚动视图

ScrollView是一个通用的可滚动的容器，你可以在其中放入多个组件和视图，而且这些组件并不需要是同类型的。ScrollView不仅可以垂直滚动，还能水平滚动（通过horizontal属性来设置）。
下面的示例代码创建了一个垂直滚动的ScrollView，其中还混杂了图片和文字组件。

import React, { Component } from 'react';
import { ScrollView, Image, Text } from 'react-native';

export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
      return (
        
          Scroll me plz
          
          
          
          
          
          If you like
          
          
          
          
          
          Scrolling down
          
          
          
          
          
          What's the best
          
          
          
          
          
          Framework around?
          
          
          
          
          
          React Native
        
    );
  }
}

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