使用flex在View中放置完美对齐的完美圆-React Native

Question

如果我有一个带有flex的视图：0.16。如何在垂直和水平对齐的情况下在内部放置一个完美的圆？

我想在黄色部分画一个圆圈

我想要这个

<View key={index} style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
    <View style={styles.container}>
        <View style={styles.imgContainer}>
            <View style={styles.imgContainer2}></View>
            {/*<Image style={styles.img} source={{uri: user.featured_image}} resizeMode={'center'}/>*/}
        </View>
        <View style={styles.textContainer} >
            <Text style={styles.name}>{ user.name}</Text>
            <Text style={styles.business_position} numberOfLines={1} >{ user.business_position}</Text>
        </View>
        <TouchableOpacity style={styles.buttonContainer} onPress={()=>this.goUser(user)}>
            <Text style={styles.buttonText}>PROFILE</Text>
        </TouchableOpacity>
    </View>
</View>

const styles = StyleSheet.create({
    container: {
        alignItems: 'center',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'yellow',
        marginVertical: 20,
        flex: 1,
    },
    imgContainer: {
        flex: 0.167,
        backgroundColor: 'red',
    },
    imgContainer2: {
        flex: 1
    }
})

真的，我想放置图像，但是我认为，如果我可以放置这种视图，那么放置图像最简单