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