Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Invalid prop 'name' on icon #1468

Closed
thijssmudde opened this issue Dec 23, 2017 · 7 comments
Closed

Invalid prop 'name' on icon #1468

thijssmudde opened this issue Dec 23, 2017 · 7 comments

Comments

@thijssmudde
Copy link

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

akhil-ga added a commit that referenced this issue Dec 27, 2017
Fix for issue #1468 - Invalid prop 'name' on icon
SupriyaKalghatgi added a commit that referenced this issue Jan 4, 2018
@SupriyaKalghatgi
Copy link
Contributor

Fixed with 2.3.6

@HaswinVidanage
Copy link

HaswinVidanage commented Mar 2, 2018

@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",

akhil-ga added a commit that referenced this issue Mar 5, 2018
@SupriyaKalghatgi
Copy link
Contributor

@HaswinVidanage Fixed with NB 2.3.10

akhil-ga added a commit to GeekyAnts/native-base-docs that referenced this issue Mar 19, 2018
@jblevins1991
Copy link

jblevins1991 commented Sep 20, 2018

This issue still persists in version 2.6.1. Here is my code.

<Icon name="add" />

<Button>
        <Icon name="node-add" />
</Button>

@SupriyaKalghatgi
Copy link
Contributor

Can you try this with latest NativeBase?

@shuiRong
Copy link

still exists

 <Icon name="logout"  />

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

@Mahdiyeh
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants