设置边框时图像消失

Question

当我为Image Component设置borderRadious时，该图像消失并且整个图像被着色为黑色。之后Expo会自动重启。通过为图像制作环绕视图，我能够解决该错误。来源如下：

<View style={styles.avatarWrap}>
    <Image
        source={require('../../assets/flags/profileImage.png')}
        style={styles.avatar}
    />
</View>

const styles = StyleSheet.create({
  avatarWrap: {
    width: 200,
    height: 200,
    borderRadius: 100,
    overflow: 'hidden',
  },
  avatar: {
    flex: 1,
    width: undefined,
    height: undefined,
    resizeMode: 'cover',
  },

它可以工作，但是我不知道为什么当我直接将borderRadious应用于Image组件时，它不起作用。它必须具有自动换行的View组件，以免出错。我尝试在样式上不使用<Image borderRaious='100'/>。它不起作用。是一个错误吗？