border radius is not working as it should in react native on ios. Just use a border-radius with 50% if the with height/hight whenever you want to obtain a circle. The version I had working is: input { -webkit-appearance: none; } In some webkit browser versions, you may also be faced with the border-radius still being in place. Reset with the following: input { -webkit-border-radius:0; border-radius:0; } I'm having some trouble creating CSS circles in react-native. The following works in iPhone 6 Plus but in all the other iPhones, they become diamonds. circle: { height: 30, width: 30, borderRadius: 30, } Now if I use PixelRatio on borderRadius it works in everything but iPhone 6 plus. iPhone 6 plus renders it as boxes with rounded corners. I am trying to convert this circular icon to the one below but when I use borderRadius it doesn't change anything. What should I do? to this : Here is the code I am using. class IconTrangChu { Border border; BorderRadius borderRadius; Icon icon; int numOfItems; String title; Color colorIcon; String routes; IconTrangChu ( { this.colorIcon, this React native is a framework with the idea of “Learn Once, write anywhere” and not “Write once, deploy anywhere” When I started porting the app to iOS, I was able to re-use almost 80% of the code! Most of the code changes were with styles. Mostly padding, margins, borders etc. One issue that confused me was border-radius. This is done using a slash ( /) between two values: .element { border-radius: 10px / 30px; /* horizontal radius / vertical radius */ } Note: Firefox only supported elliptical borders in 3.5+. Older WebKit browsers (e.g. Safari 4 and below) incorrectly treat 40px 10px the same as 40px / 10px. Values 54. Margin is not part of the box-model (whatever box-sizing you use), so it will always be in addition to the width + padding + border you've declared. The image below (from the CSS Tricks article on this topic) illustrates the difference between the standard box-model and box-sizing: border-box: Form input border-radius not working properly. 15. border-radius issue with input type text. 5. when I focus my input with border-radius , a square border appears out. 4. pVkds1O.

border radius not working on iphone