ScrollView
是一個通用的可滾動的容器，你可以在其中放入多個組件和視圖，而且這些組件并不需要是同類型的。ScrollView不僅可以垂直滾動，還能水平滾動（通過 horizontal [h?r?'z?nt(?)l] 水平的 屬性來設置）。

下面的示例代碼創建了一個垂直滾動的ScrollView
，其中還混雜了圖片和文字組件。
注：下面的這個 ./img/favicon.png
并不實際存在，請自己準備圖片素材，并改為相對應的正確路徑，具體請參考圖片文檔。

[r?'kwa??] 需要

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

class MyApp extends Component {
    render() {
        return(
               <ScrollView>
               <Text style={{fontSize:96}}>Scroll me plz</Text>
               <Image source={require('/Users/admin/MyApp/img/5.png')} />
               <Image source={require('/Users/admin/MyApp/img/1.png')} />
               <Image source={require('/Users/admin/MyApp/img/2.png')} />
               <Image source={require('/Users/admin/MyApp/img/3.png')} />
               <Image source={require('/Users/admin/MyApp/img/4.png')} />
               <Text style={{fontSize:96}}>If you like</Text>
               <Image source={require('./img/favicon.png')} /> //img 是文件夾 直接放在項目的目錄下，favicon 是圖片名
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Text style={{fontSize:96}}>Scrolling down</Text>
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Text style={{fontSize:96}}>What's the best</Text>
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Text style={{fontSize:96}}>Framework around?</Text>
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Image source={require('./img/favicon.png')} />
               <Text style={{fontSize:80}}>React Native</Text>
               </ScrollView>
               );
    }
}
// 注冊應用(registerComponent)后才能正確渲染
// 注意：只把應用作為一個整體注冊一次，而不是每個組件/模塊都注冊
AppRegistry.registerComponent('MyApp', () => MyApp);

ScrollView適合用來顯示數量不多的滾動元素。放置在ScollView中的所有組件都會被渲染，哪怕有些組件因為內容太長被擠出了屏幕外。如果你需要顯示較長的滾動列表，那么應該使用功能差不多但性能更好的ListView組件。