JAVASCRIPT

react native red circle bubble

var Circle = React.createClass({
    render: function() {
        return (
            <View style={styles.circle} />
        )
    }
})

circle: {
    width: 100,
    height: 100,
    borderRadius: 100/2,
    backgroundColor: 'red'
}

react native red Half Circle bubble

var HalfCircle = React.createClass({
    render: function() {
        return (
            <View style={[styles.halfCircle, this.props.style]} />
        )
    }
})

halfCircle: {
    width: 50,
    height: 100,
    borderTopLeftRadius: 27.5,
                              borderTopRightRadius:27.5,
    backgroundColor: 'red'
}