packages/Badge/demos/Demo3.js

import React from 'react';

import {
  View,
  StyleSheet
} from 'react-native';

import {Badge} from '../index';

export class Demo3 extends React.PureComponent {

  render() {
    return (
      <View style={styles.container}>
        <Badge dot={false} count={9} color={'#52C41A'}>
          <View style={styles.square}/>
        </Badge>
        <Badge dot={false} count={99}>
          <View style={styles.square}/>
        </Badge>
        <Badge dot={false} count={100} color={'#1890FF'}>
          <View style={styles.square}/>
        </Badge>
        <Badge dot={false} count={1000} overflowCount={999} color={'#FAAD14'}>
          <View style={styles.square}/>
        </Badge>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
    paddingHorizontal: 15,
    paddingTop: 18,
    paddingBottom: 15
  },
  square: {
    width: 30,
    height: 30,
    backgroundColor: '#CCC',
    borderRadius: 4
  }
});