Shoutemのデフォルトのフォントを変更できません。

Question

im newbie in react native！私はプロジェクトでshoutem/uiとして使われています。 デフォルトのfontFamilyを変更すると問題が発生します。ここで私のコードは、私にこれを処理するためのいくつかの解決策を確認してくださいを確認してください。 本当にありがとう。

const theme = _.merge(getTheme(), { 
 
    defaultFont: { 
 
     fontFamily: 'Rubik-Italic', 
 
     }, 
 
    'shoutem.ui.NavigationBar': { 
 
     '.clear': { 
 
      container: { 
 
       backgroundColor: params.primaryColor, 
 
       borderBottomColor: 'transparent', 
 
       position: 'relative', 
 
      }, 
 
      'shoutem.ui.Title': { 
 
       color: 'white', 
 
       fontSize: 16, 
 
      }, 
 
     }, 
 
     '.normal': { 
 
      container: { 
 
       position: 'relative' 
 
      }, 
 
      'shoutem.ui.Button': { 
 
       'shoutem.ui.Icon': { 
 
        color: params.colorTextAlpha, 
 
       }, 
 
       'shoutem.ui.Text': { 
 
        color: params.colorTextAlpha, 
 
       }, 
 
      }, 
 
      'shoutem.ui.Title': { 
 
       color: params.colorText, 
 
      }, 
 
     } 
 
    }, 
 
    'shoutem.ui.Row': { 
 
     '.fix': { 
 
      paddingHorizontal: 10, 
 
      paddingVertical: 10, 
 
     } 
 
    } 
 
});

Answer 1

やりたいことをテーマ変数を上書きしています。

インポートデフォルトのテーマ変数とgetTheme機能：

import { 
    getTheme, 
    defaultThemeVariables, 
} from '@shoutem/ui'; 

は、その後、あなたのカスタム変数を定義：

const myTheme = getTheme(myThemeVariables); 

：

const myThemeVariables = { 
...defaultThemeVariables, 
    title: { fontFamily: 'MyFont' }, 
}; 

をそして、あなたのカスタムテーマを定義し、これらの変数を使用しています

​​設定が上書きできないようになっています残念なことに特定のものにする必要があります。

さらに、あなたはStyleProviderをインポートする必要があります。

import { StyleProvider } from '@shoutem/theme'; 

そして、あなたのコンポーネントのスタイルを制御するためにそれを使用します。

render() { 
    return (
     <StyleProvider style={myTheme}> 
     // your components here 
     </StyleProvider> 
    ); 
    } 
}