ListView with Dimensions.get

Question

我正在尝试使用ListView显示图像列表。

ListView代码：

      <ListView dataSource={this.state.dataSource} renderRow={this._renderItem.bind(this)} enableEmptySections={true} removeClippedSubviews={true}> > </ListView>

使用以下代码显示图像：

_renderItem(item) {
    return (
            <ListItem item={item}/>
            );
     }

ListItem.js

render() {
    return (

            <Image resizeMode={Image.resizeMode.contain}  style={styles.displayImage} source={{ uri: this.props.item.name }} />

            );
}

样式：

 const React = require('react-native')
 const {StyleSheet} = React

 import {
         Dimensions
        } from 'react-native';

 var styles = StyleSheet.create({
                           displayImage: {
                           backgroundColor: 'blue',
                           height: Dimensions.get('window').height,
                           width: Dimensions.get('window').width,
                           padding: 5,
                           },

 })

 module.exports = styles

但是，当显示图像时，屏幕上只显示一个图像，我必须向下滚动才能看到下一个图像。我知道这是因为使用了高度和宽度。我在样式中使用高度和宽度，因此我不必处理在不同尺寸设备上调整图像大小的问题。是否可以在其下方的列表中显示下一个项目，并在两个图像之间留出一些空间？

屏幕截图显示一张图像。我必须向下滚动才能看到下一张图片。我想在第一张图片的正下方显示下一张图片。