ShoutemUI/TextInputコンポーネントをExponentレスポンスネイティブフレームワークで使用しているときのフォントロードエラー

Question

shoutem/uiを指数で使用しようとしていますが、shoutem/uiのtextinputコンポーネントを使用してエラーが発生します。エラーメッセージの後

fontFamily Rubik is not a system font and has not been loaded through Exponent.Font.loadAsyncは、しかし、私はExponent.Font.loadAsyncメソッドを使用してブログ記事https://blog.getexponent.com/using-react-native-ui-toolkits-with-exponent-3993434caf66#.iyiwjpwgu

にリストされていたすべてのカスタムshoutemフォントをロードしました。

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

上記のコードは1行分欠けているようです。配列リストに次の行を追加してみてください：

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