search

halilb / react-native-textinput-effects

Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.
MIT License
2.98k stars 291 forks source link

Hide Icon #74

Closed valeriaabo closed 5 years ago

valeriaabo commented 6 years ago

What if I want to use Fumi, but I want it without the icon? I try to use it but it leaves me a blank space, I cant remove it. Any ideas?

alyssaong1 commented 6 years ago

+1

halilb commented 5 years ago

I guess the only way to achieve this is setting iconColor and passiveIconColor props the same color with the background.

Example:

<Fumi
    style={{ backgroundColor: 'white' }}
    label={'Course Name'}
    labelStyle={{ color: '#a3a3a3' }}
    inputStyle={{ color: '#f95a25' }}
    iconClass={FontAwesomeIcon}
    iconName={'university'}
    iconColor={'white'}
    passiveIconColor={'white'}
    iconSize={15}
/>

If you'd like more customization like removing the separator, I suggest you forking the library and making direct edits to the component.