在本地反应式列表中从Web渲染图像后的顶部空间外观

Question

我有一个带有react-native-flatlist的屏幕。当它从本地存储中渲染图像时（source = require（'./ img / alexandre-debieve-561298-unsplash-min.jpg'）），它可以正常工作。但是，当它从网络上发生时（source = {{uri：'https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'}}），顶部会出现空格。看起来像是空白名单。有人可以帮我吗。

 <View style={{ alignItems: 'center' }}>
   <FlatList
     style={{ backgroundColor: 'pink' }}
     autoCorrect={false}
     data={channelData}
     keyboardShouldPersistTaps="always"
     keyboardDismissMode="on-drag"
     keyExtractor={item => item.cover}
     numColumns={2}
       renderItem={({ item }) => (
         <ChannelItem
           channelItemHeader={item.title}
           imageSource={item.cover}
           onPress={() => navigation.navigate(TOPICS_SCREEN)}
         />
     )}
   />
 </View>

Answer 1

我认为正在下载图像。请花些时间。