glamour.js

const styles = StyleSheet.create({
    eventItem: {
        flex: 1,
        alignItems: 'flex-end'
    },
    eventHighlight: {
        flexDirection: 'row',
        borderWidth: 1,
        borderStyle: 'solid',
        paddingTop: 1,
        paddingBottom: 1,
        paddingLeft: 8,
        paddingRight: 8,
        marginRight: 10,
        marginTop: 3,
        borderRadius: 20
    },
})

const EventCount = withTheme(({count, theme: { color }}) => (
    <View style={styles.eventItem}>
      <View style={[styles.eventHighlight, { borderColor: color}]}>
        <Text style={{color}}>{count}</Text>
      </View>
    </View>
));