反应原生边框 Css答案

【问题标题】：React Native Border Css反应原生边框 Css
【发布时间】：2021-05-04 21:11:32
【问题描述】：

我是 react-native 的初学者。我正在尝试设计如下图所示。但不能制作红色标记的部分。任何人都可以通过说我应该使用什么 CSS 属性来设计这部分来帮助我解决这个问题吗？我知道我必须使用border-radius，但无法找到其他属性来制作像给定图像一样的适当设计。

【问题讨论】：

您可以使用box-shadow，我认为这将创建您的目标；试试这个box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
也试试这个反应更灵敏的； box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);

【解决方案1】：

查看box-shadow 属性（文档here）

.card {
  border-radius: 10px;
  height: 100px;
  width: 200px;
  box-shadow: 0px 5px 6px -1px #58585838;
}

<div class="card">
</div>

【讨论】：

【解决方案2】：

您能否输入您的代码以便我们查看问题出在哪里？但是你可以使用这些properties 来改变它：

borderBottomRightRadius:value,
borderBottomLeftRadius:value

例子：

borderBottomRightRadius:10

【讨论】：