【问题标题】: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);

标签: reactjs react-native react-native-android react-props react-styleguidist


【解决方案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
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-11
    • 1970-01-01
    • 1970-01-01
    • 2019-06-22
    • 1970-01-01
    • 2021-04-05
    相关资源
    最近更新 更多