React native 如何自定义android高程阴影

使用android特有的风格规则，

elevation

，我在使用时会产生一种令人讨厌的“光环”效果。例如，此图显示了

高程：20

：

即使是较小的标高1、2或3，也会显示图元为“光晕”/有边框（错误）

---

如何为android特定的阴影添加更多自定义项以消除光晕效果。iOS有一些特定的规则，比如

shadowopacity

，

shadowRadius

，

shadowOffset

——但是我没有看到任何关于android的规则。

根据官方文档，没有阴影不透明度或任何改变默认阴影的方法，因为存在阴影 通过设计，通过“材料设计” 资料来源：

但您可以使用一个具有所需边界的虚拟视图的组件，然后在渲染函数中使用它，如

render(){
  <View style={{flex:1}}>
    <Viewwithborder>
     //pass the item you want to have custom elevation here
    </Viewwithborder>
  </View>
}

render（）{
//在此处传递要自定义高程的项目
}

在自定义的“viewwithborder”中，您只需执行此操作

   render(){
   <View style={{styles.CustomElevationStyle}}>
      {this.props.children}
   </View> 
}

render（）{
{this.props.children}
}