React Native Shoutem UI工具包图标无效

Question

您可以在此处看到未加载图标。有人可以找我解决。

代码内容：

import {Icon, Row} from '@shoutem/ui';

return (
            <View style={styles.container}>
                <NavigationBar title="All Restaurants" />
                <View style={styles.row}>
                <Row styleName="small" >
                    <Icon name="play"/>
                    <Text>About</Text>
                    <Icon styleName="disclosure" name="right-arrow"/>
                </Row>
              </View>
            </View>
        );

Answer 1

对我来说，出现此问题的原因是字体文件不在react-native目录根目录下的android/app/src/main/assests/font/文件夹中。

我从this link to shoutem's github复制了所有字体文件（你也可以在你的项目目录/ node_modules / @ shoutem / ui / examples / RestaurentsApp / android / app / src / main / assests / font中找到它/）到上面的文件夹并重建了应用程序。

这对我有用，我希望它对你也有用。

Answer 2

加载字体可能是一个问题。您可以查看@ shoutem / ui的Github的类似问题吗？有一个关于图标出现的中文字母。您是否尝试过使用其他图标名称？

Answer 3

我知道我正在回复一个旧帖子，但是因为它首先出现在Google中，我相信很多遇到同样问题的人都会遇到这个问题。

我意识到忘记在react-native link之后运行npm install @shoutem/ui --save。

跳过此步骤导致无法安装字体和资源（包括图标）。运行link命令修复了丢失的字体。