React native 如何在react native中删除边界之外的边界?

React native 如何在react native中删除边界之外的边界?,react-native,react-native-image,React Native,React Native Image,我的边框外面有一个奇怪的灰色边框。下面是一个示例:(您可以看到轮廓图像,其周围有一个白色边框,而该白色边框似乎有一个灰色边框) 下面是上面dropbox链接中显示的一个圆圈的代码 <TouchableOpacity onPress={...}> <Image style={styles.avatar} source={...} /> </TouchableOpacity> 如何摆脱这种奇怪的边界?在你的头像样式中添加elevation

我的
边框外面有一个奇怪的灰色边框。下面是一个示例:(您可以看到轮廓图像,其周围有一个白色边框,而该白色边框似乎有一个灰色边框)

下面是上面dropbox链接中显示的一个圆圈的代码

<TouchableOpacity onPress={...}>
  <Image
    style={styles.avatar}
    source={...}
  />
</TouchableOpacity>

如何摆脱这种奇怪的边界?

在你的头像样式中添加
elevation:0

你指的是方形灰色边界还是头像周围的边界。您可能需要将TouchOpacity与图像一起设置样式。我指的是白色边框周围出现的灰色边框。我尝试在TouchableOpacity上将边框颜色设置为白色,但它没有做任何事情@SteveBCan您可以发布TouchOpacity的样式。我看到一个边框宽度为1px的镀铬框时,看。移除它,隐藏部分灰色边框。我在TouchableOpacity上没有任何样式。我只是说添加边框(白色)并不会删除灰色边框。只是确认一下,这是灰色框,而不是围绕化身的灰色圆圈。我不确定这是dropbox还是你的代码,但当我看到你的链接时,有一个边框宽度为1的灰色方框在化身周围创建了一个方框
borderColor: '#fff',
borderWidth: 2,
width: 46,
height: 46,
borderRadius: 23,