如何在React Native中添加盒子阴影

问题描述 投票:0回答:2

我正在尝试重新创建下图中的阴影,需要一些帮助。

为此我应该使用什么 CSS 属性?我知道我需要 border-radius,但我不确定还有什么其他属性可以帮助我实现所需的结果。

图像中的红色区域突出显示了我试图复制的部分:

enter image description here

reactjs react-native react-props react-styleguidist
2个回答
1
投票

查看

box-shadow
属性(文档此处

.card {
  border-radius: 10px;
  height: 100px;
  width: 200px;
  box-shadow: 0px 5px 6px -1px #58585838;
}
<div class="card">
</div>


0
投票

你能把你的代码贴出来以便我们看看问题出在哪里吗? 但你可以使用这些

properties
来改变它:

borderBottomRightRadius:value,
borderBottomLeftRadius:value

示例:

borderBottomRightRadius:10
© www.soinside.com 2019 - 2024. All rights reserved.