I want to make image rounded from bottom of it. Here is what I wanted to make:
I have tried to set borderRadius, but it will apply for the whole image not for bottom.
Here is my code:
<View
style={{
backgroundColor: ‘transparent’,
justifyContent: ‘center’,
alignItems: ‘center’,
height: 159,
width: '100%',
borderBottomWidth: 70,
borderBottomColor: ‘red’,
borderBottomRightRadius: 800,
borderBottomLeftRadius: 800,
}}
/>
It will give output like this:
Which property do I need to set to make a perfect round on the bottom of view?
you can add a png frame transparent with this shape on italso you can check this it may help the-shapes-of-react-native
Update
here is how I managed do this by code
first you create this structure
and then apply this style
and here is the results