// @flow
import * as React from 'react'
import {StyleSheet} from 'react-native'
import Icon from 'react-native-vector-icons/Ionicons'

const styles = StyleSheet.create({
	icon: {
		fontSize: 30,
	},
})

type Props = {
	tintColor: string,
	focused: boolean,
}

export const TabBarIcon = (icon: string) => ({tintColor}: Props) => (
	<Icon name={`ios-${icon}`} style={[styles.icon, {color: tintColor}]} />
)

@@ -51,16 +51,26 @@
 yleSheet
+, Platform
 %7D from '
@@ -198,10 +198,58 @@
 ze: 
-30
+Platform.select(%7B%0A%09%09%09ios: 30,%0A%09%09%09android: 24,%0A%09%09%7D)
 ,%0A%09%7D

fix android tabbar icons being chopped off