[React Native] Fix view clipping when border radius is set

This commit is contained in:
Alex Akers
2015-05-26 02:12:28 -07:00
parent 9062bda79b
commit 81401064e5
2 changed files with 93 additions and 37 deletions

View File

@@ -80,6 +80,13 @@ var styles = StyleSheet.create({
borderTopLeftRadius: 100,
},
border7: {
borderRadius: 20,
},
border7_inner: {
backgroundColor: 'blue',
flex: 1,
},
});
exports.title = 'Border';
@@ -134,4 +141,15 @@ exports.examples = [
return <View style={[styles.box, styles.border6]} />;
}
},
{
title: 'Custom Borders',
description: 'borderRadius & clipping',
render() {
return (
<View style={[styles.box, styles.border7]}>
<View style={styles.border7_inner} />
</View>
);
}
},
];