Drawer menu items with label support

invertase · Dec 27, 2015 · 917803f · 917803f
1 parent 7c8fef9
commit 917803f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/lib/Drawer/Item.js b/lib/Drawer/Item.js
@@ -7,6 +7,7 @@ export default class Item extends Component {
     static propTypes = {
         icon: PropTypes.string,
         value: PropTypes.string.isRequired,
+        label: PropTypes.string,
         onPress: PropTypes.func,
         active: PropTypes.bool,
         disabled: PropTypes.bool
@@ -18,7 +19,7 @@ export default class Item extends Component {
     };
 
     render() {
-        const { icon, value, onPress } = this.props;
+        const { icon, value, label, onPress } = this.props;
 
         return (
             <TouchableHighlight
@@ -39,6 +40,11 @@ export default class Item extends Component {
                         </Text>
 
                     </View>
+                    <View style={styles.label}>
+                        <Text style={[TYPO.paperFontBody2, { color: 'rgba(0,0,0,.87)' }]}>
+                            {label}
+                        </Text>
+                    </View>
                 </View>
             </TouchableHighlight>
 
@@ -64,5 +70,8 @@ const styles = {
         flex: 1,
         paddingLeft: 34,
         top: 2
+    },
+    label: {
+        top: 2
     }
 };