Skip to content
Advertisement

How to use border radius only for 1 corner (react-native)?

How to use border radius in React Native only for 1 corner?

I have a modal window

http://f1.s.qip.ru/etSMz5YP.png

As you can see bottom corners not rounded, it happens when I used backgroundColor for buttons. I was trying to set overflow hidden to modal wrapper and it didn’t help me. Now I want to use border radius to buttons (only for 1 corner).

My code http://jsbin.com/sexeputuqe/edit?html,css

Advertisement

Answer

Did you already try with the following?
borderBottomLeftRadius: number
borderBottomRightRadius: number
borderTopLeftRadius: number
borderTopRightRadius: number

Also, you can find more info in the view component docs.

Advertisement