Nativebase: Invalid prop 'name' on icon

Created on 23 Dec 2017  路  7Comments  路  Source: GeekyAnts/NativeBase

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

enhancement

Most helpful comment

still exists

 <Icon name="logout"  />

version: "native-base": "^2.8.1"

All 7 comments

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'}} />

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Bundas picture Bundas  路  3Comments

eggybot picture eggybot  路  3Comments

nschurmann picture nschurmann  路  3Comments

kitsune7 picture kitsune7  路  3Comments

agersoncgps picture agersoncgps  路  3Comments