Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

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

Tags:

javascript

reactjs

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

like image 303
Maksim Avatar asked Feb 11 '16 14:02

Maksim

People also ask

How do you make rounded corners in react?

The rounded corner can be achieved by using the cssClass property. Add a custom class to the menu component and customize it using the border-radius CSS property.

How do you give border radius to an image in React Native?

To add a rounded image with a border with React Native, we can set the borderRadius and overflow styles. to set borderRadius to '50%' to make the Image round. And we set the width and height of the Image to set the dimensions. We set overflow to 'hidden' so the Image stays in the circle.

Video Answer

1 Answers

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.

like image 114
Matteo Mazzarolo Avatar answered Oct 15 '22 22:10

Matteo Mazzarolo
Sign in to Comment

Related questions

MongoDB dot (.) in key name
What does "var FOO = FOO || {}" (assign a variable or an empty object to that variable) mean in Javascript?
Setting onSubmit in React.js
How do I find out with jQuery if an element is being animated?
When using setTimeout do you have to clearTimeout?
What algorithm does Readability use for extracting text from URLs?
How to measure time elapsed on Javascript? [duplicate]
Can you use hash navigation without affecting history?
Check if one date is between two dates
Loop through childNodes
Webpack babel 6 ES6 decorators
How to get an element by its href in jquery?
how to check if a form is valid programmatically using jQuery Validation Plugin
Callback on CSS transition
Bootstrap button drop-down inside responsive table not visible because of scroll
How can I expand and collapse a <div> using javascript?
Javascript - insert an array inside another array
How to pause javascript code execution for 2 seconds [duplicate]
Split array into chunks of N length [duplicate]
react button onClick redirect page

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!