我正在尝试在滚动视图中显示图像列表。宽度应为100%,而高度应为自动,保持长宽比。
我所查找的内容指向各种解决方案,这些方案提供全屏背景样式。
const styles = StyleSheet.create({
image: {
width: null,
height: 300,
resizeMode: 'cover'
}
});
<ScrollView style={{flex: 1}}>
<Image style={styles.image} source={require('../../../images/collection-imag1.png')}/>
<Image style={styles.image} source={require('../../../images/collection-imag2.png')}/>
</ScrollView>
我尝试了各种不同的宽度组合,如null、高度:null、flex:1、alignSelf等。上述解决方案几乎可以使用,但是高度不是动态的,图像的某些部分无法显示。