Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Invalid prop 'name' on icon

See original GitHub issue

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

Issue Analytics

State:
Created 6 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

shuiRongcommented, Dec 14, 2018

still exists

 <Icon name="logout"  />

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

2reactions

SupriyaKalghatgicommented, Mar 9, 2018

@HaswinVidanage Fixed with NB 2.3.10

Top Results From Across the Web

Invalid prop `name` of value `home-outline` supplied to `Icon ...

For android, I try to use 'home-outline' icon of ionicons import Icon from 'react-native-vector-icons/Ionicons'; ; but i have error Failed ...

Vector icons for android and ios - Stack Overflow

Warning: Failed prop type: Invalid prop name of value close-circle supplied to Icon, expected one of ... If I pass ios/android properties ...

Invalid Prop Name · ReasonReact

Prop names like type (as in <input type="text" /> ) aren't syntactically valid; type is a reserved keyword in Reason/OCaml. Use <input type_="text"...

Invalid prop `name` of value `home-outline` supplied to `Icon

For android, I try to use 'home-outline' icon of ionicons import Icon from 'react-native-vector-icons/Ionicons'; <Icon name='home-outline' ...

React Native Icons For iOS and Android (RN version 0.60+)

This means you're using wrong name prop for icon, to avoid this error use following official icons provide by Ionicons.