我正在尝试在滚动视图中显示图像列表。宽度应为 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>

我尝试了 width: null、height: null、flex: 1、alignSelf 等各种组合。上述解决方案几乎可行，只是高度不是动态的。图像的某些部分不可见。