react-native - 在 Exponent react-native 框架中使用 ShoutemUI/TextInput 组件时出现字体加载错误

Question

我正在尝试将 shoutem/ui 与指数一起使用，但在使用 shoutem/ui textinput 组件时出现错误，我收到以下错误消息 fontFamily Rubik 不是系统字体，也没有通过 Exponent.Font.loadAsync 加载

但是我加载了博客文章 https://blog.getexponent.com/using-react-native-ui-toolkits-with-exponent-3993434caf66#.iyiwjpwgu 中列出的所有自定义 shoutem 字体

使用 Exponent.Font.loadAsync 方法。

 fonts: [
          FontAwesome.font,
          {'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf')},
          {'Rubik-Black': require('./node_modules/@shoutem/ui/fonts/Rubik-Black.ttf')},
          {'Rubik-BlackItalic': require('./node_modules/@shoutem/ui/fonts/Rubik-BlackItalic.ttf')},
          {'Rubik-Bold': require('./node_modules/@shoutem/ui/fonts/Rubik-Bold.ttf')},
          {'Rubik-BoldItalic': require('./node_modules/@shoutem/ui/fonts/Rubik-BoldItalic.ttf')},
          {'Rubik-Italic': require('./node_modules/@shoutem/ui/fonts/Rubik-Italic.ttf')},
          {'Rubik-Light': require('./node_modules/@shoutem/ui/fonts/Rubik-Light.ttf')},
          {'Rubik-LightItalic': require('./node_modules/@shoutem/ui/fonts/Rubik-LightItalic.ttf')},
          {'Rubik-Medium': require('./node_modules/@shoutem/ui/fonts/Rubik-Medium.ttf')},
          {'Rubik-MediumItalic': require('./node_modules/@shoutem/ui/fonts/Rubik-MediumItalic.ttf')},
          {'Rubik-Regular': require('./node_modules/@shoutem/ui/fonts/Rubik-Regular.ttf')},
          {'rubicon-icon-font': require('./node_modules/@shoutem/ui/fonts/rubicon-icon-font.ttf')},
        ],
      });

查看代码我找不到明显的修复 - 甚至找不到样式设置引发错误的位置。

Answer 1

上面的代码好像少了一行。尝试将此行添加到数组列表中:

{'Rubik': require('./node_modules/@shoutem/ui/fonts/Rubik-Regular.ttf')}