Here is my markup:
<Form>
<Item>
<Icon name="user" color={colors.background} />
<Input placeholder="Username" />
</Item>
<Item last>
<Icon name="unlock" color={colors.charcoal} />
<Input placeholder="Password" />
</Item>
<Button full rounded style={styles.loginButton}>
<Text>Login</Text>
</Button>
</Form>
The Icon name="user" does not work, however the icon with name="unlock" is perfect. I want to use the icon from the EvilIcons namespace.
Referencing this error:
https://github.com/react-native-training/react-native-elements/issues/183
Fixed with 2.3.6
@SupriyaKalghatgi I believe the issue still exists. Gives me the Invalid prop 'name' on icon error on
<Icon name='chevron-right' />
Native Base Version
"native-base": "^2.3.6",
@HaswinVidanage Fixed with NB 2.3.10
This issue still persists in version 2.6.1. Here is my code.
<Icon name="add" />
<Button>
<Icon name="node-add" />
</Button>
Can you try this with latest NativeBase?
still exists
<Icon name="logout" />
version: "native-base": "^2.8.1"
still exists
<Icon name="logout" />version:
"native-base": "^2.8.1"
I wrote the name "md-log-out" and it works in both iOS and Android.
<Icon size={30} name="md-log-out" style={{color: '#FDBE51'}} />
Most helpful comment
still exists
version:
"native-base": "^2.8.1"