Allow text size of Avatar to be customized along with the image size

lib/Avatar.js

@@ -1,5 +1,5 @@
 import React, {Component, PropTypes} from "react";
-import {View, Image, Text} from "react-native";
+import {StyleSheet, View, Image, Text} from "react-native";
 import Icon from './Icon';
 import { getColor } from './helpers';
 
@@ -9,6 +9,8 @@ export default class Avatar extends Component {
         image: PropTypes.shape({ type: PropTypes.oneOf([Image]) }),
         icon: PropTypes.string,
         size: PropTypes.number,
+        textSize: PropTypes.number,
+        textLineHeight: PropTypes.number,
         color: PropTypes.string,
         backgroundColor: PropTypes.string,
         text: PropTypes.string,
@@ -33,6 +35,8 @@ export default class Avatar extends Component {
             size,
             color,
             backgroundColor,
+            textSize,
+            textLineHeight,
             text,
             borderRadius,
             borderColor,
@@ -69,7 +73,17 @@ export default class Avatar extends Component {
             return (
                 <View style={{ flex: 1 }}>
                     <View style={{ width: size, height: size, borderRadius: borderRadius, backgroundColor: getColor(backgroundColor), alignItems:'center', justifyContent: 'center' }}>
-                        <Text style={{ color: getColor(color) }}>{text}</Text>
+                        <Text
+                            suppressHighlighting
+                            style={[
+                                styles.text,
+                                { color: getColor(color) },
+                                textSize && { fontSize: textSize },
+                                textLineHeight && { lineHeight: textLineHeight }]
+                            }
+                        >
+                            {text}
+                        </Text>
                     </View>
                 </View>
             );
@@ -78,3 +92,11 @@ export default class Avatar extends Component {
         return null;
     }
 }
+
+const styles = StyleSheet.create({
+    text: {
+        textAlign: 'center',
+        textAlignVertical: 'center',
+        includeFontPadding: false
+    }
+});