const sendButton = send => ( <Icon.Button backgroundColor={'blue'} borderRadius={16} color={'white'} iconStyle={styles.iconStyle} name="send" onPress={send} size={16} style={styles.sendButton} /> )
componentWillMount() { Icon.getImageSource('android', 36, '#92c029').then((source) => { this.setState({ appLogo: source }) }); }
render() { const { iconName, onPress } = this.props; return ( <TouchableOpacity style={{ paddingHorizontal: 20 }} onPress={() => onPress()} > <Icon name={iconName} size={20} color="#fff" /> </TouchableOpacity> ); }
render() { return ( <View style={styles.container}> <Icon name={'logo-apple'} size={100} color={'#999'}/> <Text style={{color: '#666'}}>Test icon in NavigatorIOS</Text> </View> ) }
export default function Button({...rest}) { return ( <Container {...rest}> <Icon name="add" size={24} color="#ffffff" /> </Container> ); }
render() { const size = this.props.size || 25; return ( <Icon name={icons.photoCamera} size={size} color={Colors.white} /> ); }
// Example ExamplesRegistry.addPluginExample('Vector Icons', () => <View style={{flexDirection: 'row', justifyContent: 'space-around'}}> <Icon name='rocket' size={40} color='white' /> <Icon name='send' size={40} color='white' /> <Icon name='star' size={40} color='white' /> <Icon name='trophy' size={40} color='white' /> <Icon name='warning' size={40} color='white' /> </View> )
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> ); }
export default function Message() { return ( <Container> <Icon name="alert-triangle" size={120} color="rgba(242,201,76,0.5)" /> <TextInfo>This messages page has not yet been created.</TextInfo> </Container> ); }
render() { return ( <View style={styles.container}> <Icon name="more-horizontal" size={100} color={constants.PRIMARY_BG_COLOR} /> <Text style={styles.text}>Loading</Text> </View> ); }
const sendButton = send => ( <Icon.Button backgroundColor={'blue'} borderRadius={16} color={'white'} iconStyle={styles.iconStyle} name="send" onPress={send} size={16} style={styles.sendButton} /> )
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> ); }
export default function Search() { return ( <Container> <Icon name="alert-triangle" size={120} color="rgba(242,201,76,0.5)" /> <TextInfo>This search page has not yet been created.</TextInfo> </Container> ); }