React Native使组件宽度100%,高度自动与宽度一致

当设置宽度为“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版权协议,转载请附上原文出处链接和本声明。