// Component const Icon = (props) => { return( <MaterialIcons {...props} /> ) }
componentWillMount() { Icon.getImageSource('android', 36, '#92c029').then((source) => { this.setState({ appLogo: source }) }); }
render(){ return ( <Iconz name ="ios-person-outline" size={23} color="#222" /> ); }
// Component const Icon = (props) => { return( props.pack === 'social' ? <Zocial {...props} /> : <MaterialCommunityIcons {...props} /> ) }
render() { return ( <View style={styles.container}> <Icon name={'logo-apple'} size={100} color={'#999'}/> <Text style={{color: '#666'}}>Test icon in NavigatorIOS</Text> </View> ) }
render() { const { iconName, onPress } = this.props; return ( <TouchableOpacity style={{ paddingHorizontal: 20 }} onPress={() => onPress()} > <Icon name={iconName} size={20} color="#fff" /> </TouchableOpacity> ); }
render() { const size = this.props.size || 25; return ( <Icon name={icons.photoCamera} size={size} color={Colors.white} /> ); }
render() { const { iconSize, onPress } = this.props; return ( <TouchableOpacity onPress={onPress}> <Icon name={icons.trash} size={iconSize || 30} color={Colors.textColor} /> </TouchableOpacity> ); }
render() { return ( <View style={styles.container}> <Icon name="alert-triangle" size={100} color={constants.PRIMARY_TEXT_COLOR} /> <Text style={styles.text}>Something Went Wrong</Text> </View> ); }
render() { return ( <View style={styles.container}> <Icon name="more-horizontal" size={100} color={constants.PRIMARY_BG_COLOR} /> <Text style={styles.text}>Loading</Text> </View> ); }
// Component const Icon = (props) => { return( <MaterialIcons {...props} /> ) }
render() { return ( <View style={styles.container}> <Icon name="info" size={100} color={constants.PRIMARY_TEXT_COLOR} /> <Text style={styles.text}>No Results Found</Text> </View> ); }
render() { const { iconName, onPress } = this.props; return ( <TouchableOpacity style={{ paddingHorizontal: 20 }} onPress={() => onPress()} > <Icon name={iconName} size={20} color="#fff" /> </TouchableOpacity> ); }