React Native with UI Kitten icons results in a null object reference on Android

Question

I'm using UI Kitten library for my React Native app UI, and when I add their icon pack the Android app errors, iOS works fine.

Android gets:

Attempt to invoke virtual method `int java.lang.Integer.intValue()` on a null object reference

The App.tsx:

import {EvaIconsPack} from '@ui-kitten/eva-icons';

export default () => (
<>
  <IconRegistry icons={EvaIconsPack} />
  <ApplicationProvider {...eva} theme={{...eva.light, ...theme}}>
    <Layout style={styles.layout}>
      <Button accessoryLeft={<Icon name="facebook" />}>
        Login with Facebook
      </Button>
    </Layout>
  </ApplicationProvider>
</>
);

This line is the problem:

<Icon name="facebook" />

When I remove it and leave the Button as

<Button>
  Login with Facebook
</Button>

Android works again.

Any ideas?

can you try <Button accessoryLeft={(props) => (<Icon {...props} name="facebook" />)}> — Kirill Novikov
– Kirill Novikov, Commented Oct 24, 2022 at 18:22

Kirill Novikov · Accepted Answer · 2022-10-24 18:42:41Z

5

Looks like you need to provide a functional component like

<Button accessoryLeft={(props) => (<Icon  {...props} name="facebook" />)}>

answered Oct 24, 2022 at 18:42

Kirill Novikov

3,2275 gold badges25 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native with UI Kitten icons results in a null object reference on Android

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related