React Native 与 UI Kitten 图标会导致 Android 上的空对象引用

Question

我正在为我的 React Native 应用程序 UI 使用 UI Kitten 库，当我添加他们的图标包时 Android 应用程序错误，iOS 工作正常。

安卓获取：

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

这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>
</>
);

这行是问题所在：

<Icon name="facebook" />

当我删除它并保留Button原状时

<Button>
  Login with Facebook
</Button>

安卓又可以用了。

有任何想法吗？

Answer 1

看起来您需要提供一个功能组件，例如

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