Background color visible through the border of a border radius

When a <View /> component uses backgroundColor and borderRadius, the background color is still visible over the edges of the border.

Screenshot:

Example code:

var MyComponent = React.createClass({
  render() {
    return <View style={styles.example} />
  }
});

var styles = StyleSheet.create({
  example: {
    backgroundColor: 'white',
    borderRadius: 16,
    borderWidth: 1,
    borderColor: 'black'
  }
});

[brentvatne]

Hi there! Try setting overflow: hidden, does that fix it?

[anceque]

as @uandco mentioned, the overflow cannot be used together with shadow properties… What is the workaround here?