const CustomHeaderButton = props => { return ( <HeaderButton {...props} IconComponent={Ionicons} iconSize={23} color={Platform.OS === 'android' ? 'white' : Colors.primary} /> ); }
// define IconComponent, color, sizes and OverflowIcon in one place const MaterialHeaderButton = (props) => ( <HeaderButton {...props} IconComponent={MaterialIcons} iconSize={23} color={colors.secondary} /> )
const AppHeaderIcon = (props) => ( <HeaderButton {...props} iconSize={24} IconComponent={Ionicons} color={Platform.OS === 'android' ? '#fff' : THEME.MAIN_COLOR} /> )
const NavRightBtn = (props) => { return( <HeaderButton {...props} IconComponent={Ionicons} iconSize={25} color={'#4f2'} /> ) }
const CustomHeaderButton = props => { return ( <HeaderButton {...props} IconComponent={Ionicons} iconSize={23} color={Platform.OS === 'android' ? 'white' : Colors.primary} /> ); }
const CustomHeaderButton = props => { return ( <HeaderButton {...props} IconComponent={Ionicons} iconSize={23} color={Platform.OS === "android" ? "white" : Colors.primary} /> ); }
const CustomHeaderButton = props => { return ( <HeaderButton {...props} IconComponent={Ionicons} iconSize={23} color={Platform.OS === 'android' ? 'white' : Colors.primary} /> ); }
const CustomHeaderButton = (props) => { return <HeaderButton {...props} IconComponent={Ionicons} iconSize={23} />; }