Javascript React本地报纸主题赢得'；不要使用自定义字体

我正在使用

react native paper

开发一个RN应用程序来处理主题和UI。我的主题用于格式化我的组件，但是当我尝试合并自定义字体时，它对

react原生纸张

组件没有任何影响。我遵循了

[font-guide][1]

，但它没有改变这个问题

我以expo为例，介绍了如何使用

loadFontAsync（）

加载字体，当我使用style prop

fontFamily将这些字体传递给我自己的组件时：“Rubik Regular

字体工作正常，因此我知道这不是字体不存在的问题

由于我不熟悉

react原生文件

，我认为我的问题在于

fontConfig

或

configureFonts（）

。任何帮助或指导都将不胜感激

从“React”导入React；
从“react redux”导入{Provider as ReduxProvider}
从“/store”导入配置存储
]从“react native paper”导入{configureFonts，DefaultTheme，提供程序作为PaperProvider}
从“expo”导入{AppLoading}；
从“expo字体”导入*作为字体；
从“./components/AppNavigator”导入AppNavigator
const store=configureStore（）；
常量fontConfig={
默认值：{
常规：{
fontFamily:“魔方规则”，
fontWeight:'正常'，
},
中等：{
fontFamily:“魔方黑”，
fontWeight:'正常'，
},
灯光：{
fontFamily:“魔方之光”，
fontWeight:'正常'，
},
瘦的：{
fontFamily:“Rubik LightItalic”，
fontWeight:'正常'，
},
},
};
让自定义字体={
“Rubik Regular”：要求（“./assets/font/Rubik Regular.ttf”），
“Rubik Black”：要求（“./assets/font/Rubik Black.ttf”），
“Rubik Light”：要求（“./assets/font/Rubik Light.ttf”），
“Rubik LightItalic”：要求（“./assets/font/Rubik LightItalic.ttf”），
}
常量主题={
…默认主题，
圆度：30，
字体：配置字体（fontConfig），
颜色：{
…默认主题。颜色，
主要：'#0d80d6'，
重音：“#E68FAE”，
背景：“#C6E1F2”，
},
}
导出默认类App扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
fontsLoaded:错，
};
}
异步loadFontsAsync（）{
等待Font.loadAsync（customFonts）；
this.setState（{fontsLoaded:true}）；
}
componentDidMount（）{
this.loadFontsAsync（）；
}
render（）{
if（this.state.fontsLoaded）{
返回(
);
}
否则{
返回；
}
}
}

我知道这是很久以前的事了，但今天我遇到了同样的问题，并在GitHub上的存储库中发现了这个相关问题：

TL；DR解决方案是，您必须指定

fontConfig.ios

，并且可能指定

fontConfig.android

，以使其正常工作，而不仅仅是使用

fontConfig.default

对于您的情况，您可能可以适应以下情况

const\u fontConfig={
常规：{
fontFamily:“魔方规则”，
fontWeight:'正常'，
},
中等：{
fontFamily:“魔方黑”，
fontWeight:'正常'，
},
灯光：{
fontFamily:“魔方之光”，
fontWeight:'正常'，
},
瘦的：{
fontFamily:“Rubik LightItalic”，
fontWeight:'正常'，
},
};
常量fontConfig={
ios:_fontConfig，
安卓：_fontConfig，
};