反応するネイティブで "font-family"を読み込む方法を理解する

Question

私は、反応のネイティブでフォント対フォントファミリの理解に挑戦しようとしています。 shoutem/uiライブラリとexponentjsフレームワークの間で、shoutem/uiがTextInputのスタイルをRubikに設定したバグが見つかりました。しかし、exponentjsプロジェクトは、個々のRubikフォントを個別に読み込み、特定のRubikフォントや重量への参照を必要とします。 Rubik-Regular。

https://github.com/shoutem/ui/blob/develop/theme.js

https://github.com/exponent/shoutem-example

私は理解していないことである：デフォルトのどこかに、これらすべてのルービックのフォントがフォントファミリの一部であることを理解して反応し、ネイティブのフォントの実装をたまたまデフォルトの魔法がありますフォント全体をRubikに設定し、太字の場合は太字、斜体などを必要に応じて表示します。これは、Exponentがこれらのフォントをすべて集約してこのフォント集約機能を実装していないことを意味しますか？

それとも...

はshoutemライブラリがアプリ内に存在しないフォントを参照することでミスを犯すましたか？あなたはネイティブの機能に制限がありエキスポ、とそれを使用しているので、あなたがShoutem UIを使用して問題を持っているように思え

{'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')}, 
    {'Rubik': require('./node_modules/@shoutem/ui/fonts/Rubik-Regular.ttf')}, 
    {'rubicon-icon-font': require('./node_modules/@shoutem/ui/fonts/rubicon-icon-font.ttf')}, 

    ... using Exponent.Font.loadAsync(font) 

Answer 1

：どのように指数アプリをロードshoutemライブラリで使用されているすべてのフォント

あなたは使うことができます。ここで

は、あなたがそれを動作させるために何をする必要がありますものの例です：https://github.com/shoutem/ui/tree/develop/examples/create-react-native-app