border radius on 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.