Using a ListView

import React, { Component } from 'react';
import {
AppRegistry,
View,
Text,
Image,
ScrollView
} from 'react-native';
export default class AwesomeProject extends Component {
render() {
return (
<ScrollView style={{marginTop:20}}>
<Text style={{fontSize:20}}>
哈哈,我在上面。。。
</Text>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Text style={{fontSize:20}}>
哈哈,我在中间。。。
</Text>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Image source={require("./icon.png")}/>
<Text style={{fontSize:20}}>
哈哈,我在下面。。。
</Text>
</ScrollView>
);
}
}
AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

14:01:53.jpg