如何在反应原生中给边界半径映射?

Vai*_*kla 9 google-maps react-native react-native-android

容器视图内的 MapView

<View style={styles.container}>
  <MapView style={[styles.map]}
    initialRegion={{
      latitude: 18.978189,
      longitude: 73.024911,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    }}
  />
</View>
Run Code Online (Sandbox Code Playgroud)

为了给我的地图提供曲线边框,我给了容器视图 borderRadius

const styles = {
 container:{
   marginTop:20,
   borderWidth:1,
   borderRadius:20
 },
 map:{
   height:200,
 },
}
Run Code Online (Sandbox Code Playgroud)

这为我的视图提供了边框,而我的视图实际上正在获取 borderRadius,我通过提供 borderWidth:1 对其进行了交叉检查。但是我的地图没有得到这个容器的边界。地图角落脱离容器视图边界。我应该怎么做才能为我的地图提供 borderRadius。

Mat*_*Yao 16

你可以设置

overflow: 'hidden' 
Run Code Online (Sandbox Code Playgroud)

在您的容器中。它应该隐藏 mapView 的溢出。

  • 添加溢出也不起作用。即使父级启用了“overflow: 'hidden'”,视图也不会被父级的 borderRadius 剪切。圆角之外的地图角点仍然可见 (5认同)
  • 有什么答案吗?我仍然看到类似的事情 (2认同)