当设置宽度为“100%”时,可以通过下面的代码示例,使高度自动与宽度一致。
import { Image, StyleSheet, View } from 'react-native';
const image = () => (
<View style={styles.imgContainer}>
<Image style={styles.image} source={require('assets/images/image.png')} />
</View>
);
const style = StyleSheet.create({
imgContainer: {
flexDirection: 'row'
},
image: {
resizeMode: 'contain',
flex: 1,
aspectRatio: 1 // Your aspect ratio
}
});
版权声明:本文为lishanxin1991原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。