timack/react-native-material-initials

React Native library to generate Google Inbox style material list icons

React Native Material Initials

Usage

<MaterialInitials
  style={{alignSelf: 'center'}}
  backgroundColor={'red'}
  color={'white'}
  size={100}
  text={'John Doe'}
  single={false}
/>

Installation

$ npm install --save react-native-material-initials

React Native

import MaterialInitials from 'react-native-material-initials/native';

Props

Key	Type	Description
text	String	The text to use to make initials
size	Number	The pixel height / width of the icon
color	String	Override the text color with any valid CSS color value
single	Boolean	Whether to only use a single initial or two
backgroundColor	String	Override the background color with any valid CSS color value