Question

91

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

rated 0 times [ 98] [ 7] / answers: 1 / hits: 138175 / 8 Years ago, thu, february 11, 2016, 12:00:00

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

I have a modal window

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

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jonrened

Add To Favorites

Follow

Total Points: 627

Total Questions: 114

Total Answers: 99

Location: Zimbabwe

Member since Thu, Jul 21, 2022

2 Years ago

jonrened questions

1 Jest Received: serializes to the same string

Mon, Nov 2, 20, 00:00, 4 Years ago

1 Keeping placeholder on react-select

Tue, May 19, 20, 00:00, 4 Years ago

1 How to show the first item by default in a dynamic Antd form?

Sat, May 16, 20, 00:00, 4 Years ago

1 querySelectorAll to include self

Tue, Jan 21, 20, 00:00, 4 Years ago

1 Compare two nested array and objects for find difference

Thu, Nov 7, 19, 00:00, 5 Years ago

View All

answered 8 Years ago ronniem · Accepted 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.