border radius in react native code example

Example 1: border react native

button: {  
	borderWidth: 4,
    borderColor: "#20232a",
}

Example 2: react native linear gradient border radius

You might fixed it by wrapping the LinearGradient on a View component and applying the borderRadius to it instead of directly applying it to the LinearGradient.

<View style={styles.imageContainerIOS}>
    <LinearGradient ... />
</View>

const imageContainerIOS: {
    borderBottomLeftRadius: 5,
    borderBottomRightRadius: 0,
    borderTopLeftRadius: 5,
    borderTopRightRadius: 0,
    overflow: 'hidden',
},

...
Except this, you can try to add overflow: 'hidden' to your style object. It may be fixed your problem directly.

Example 3: react border radius

<div className="no-borderRadiusImportant" style={{border: '1px solid black',borderRadius: '5px!important'}}>Hello, world!</div>