在react本机组件上对borderRadius使用卷影
在react本机组件上对borderRadius使用卷影
提问于 2020-05-31 10:15:26
我正在尝试使用borderRadius属性10在React Native中设置自定义卡片组件的阴影。
代码如下：
borderBottomLeftRadius: 10,
borderBottomRightRadius: 10,
shadowOffset: {
width: 0,
height: 3,
},
elevation: 3,如何将圆角应用于阴影？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-05-31 17:04:07
可以使用shadowRadius属性设置圆角的形状。但这只适用于iOS，因为安卓只使用elevation属性来创建阴影。你可以在官方文档中阅读更多关于这方面的内容。https://reactnative.dev/docs/shadow-props
您可以将类似以下示例的样式应用于自定义卡片的容器视图。
const shadowsStyling = {
width: 100,
height: 100,
shadowColor: "#000000",
shadowOpacity: 0.8,
shadowRadius: 2,
shadowOffset: {
height: 1,
width: 0
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62110812
复制相关文章
相似问题
腾讯云开发者
