React Native Border Css

Question

I'm a very beginner at react-native. I'm trying to design like the image given below. But can't make the red marked part. Can anyone help me to solve this by saying what CSS property should I use to design this part? I know I have to use border-radius but can't reach out what would be the other property for making the appropriate design like the image given.

Answer 1

Take a look at the box-shadow property (Docs here)

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

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

Answer 2

Can you put your code so we can see where's the problem? But you can use these properties to change it:

borderBottomRightRadius:value,
borderBottomLeftRadius:value

Example:

borderBottomRightRadius:10