react-native - React Native : UIkitten Icons typeerror: undefined is not an object (evalating 'iconsPack.name')

Question

我试图在 UI Kitten 中使用 Eva 图标，但最终得到了这个错误，我在这个问题上研究了一段时间，React 和 Reavt-Native 的新手，如果有人可以帮助我，我会很高兴（：

render()
const FacebookIcon = (props) => (
  <Icon name='facebook' {...props} />
);
return(
  <Input
    value={this.state.id}
    label="FB ID"
    size="medium"
    placeholder="Enter your fb_id"
    onChangeText={(enteredText) => this.setState({ fbId: enteredText })}
    accessoryLeft={FacebookIcon}
/>


)

Answer 1

首先，运行这个命令：

npm i @ui-kitten/eva-icons react-native-svg

然后使用IconRegistry注册一个图标包。

正如文档中提到的那样

import React from 'react';
import * as eva from '@eva-design/eva';
import { ApplicationProvider, IconRegistry, Layout, Text } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';

const HomeScreen = () => (
  <Layout style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
    <Text category='h1'>HOME</Text>
  </Layout>
);

export default () => (
  <>
    <IconRegistry icons={EvaIconsPack} />
    <ApplicationProvider {...eva} theme={eva.light}>
      <HomeScreen />
    </ApplicationProvider>
  </>
);