Reactjs 自定义字体未应用“反应本机元素”按钮组件
无法为react原生元素中的按钮设置自定义字体 我正在使用“^0.19.1”版本的“react native elements”,并尝试为按钮设置自定义字体。字体已经在文本组件的页面中工作Reactjs 自定义字体未应用“反应本机元素”按钮组件,reactjs,react-native,Reactjs,React Native,无法为react原生元素中的按钮设置自定义字体 我正在使用“^0.19.1”版本的“react native elements”,并尝试为按钮设置自定义字体。字体已经在文本组件的页面中工作 <Button rightIcon={{ name: 'history', type: 'font-awesome'}} transparent={true} title='History' fontSize={18} fo
<Button
rightIcon={{ name: 'history', type: 'font-awesome'}}
transparent={true}
title='History'
fontSize={18}
fontWeight='bold'
fontFamily='montserrat'
/>
}
注意:自定义字体是使用componentWillMount方法加载的
提前谢谢。最后,我找到了解决方案。问题是按钮的
fontWeight
。我们必须在异步字体加载中定义粗体字体,并在fontFamily中调用名称
下面的脚本将解决我的问题
<Button
rightIcon={{ name: 'history', type: 'font-awesome'}}
transparent={true}
title='History'
fontSize={18}
fontFamily='montserrat_bold'
/>
}在添加字体的地方显示代码,
rnpm
是否无法更新,请检查您是否可以尝试将其添加为textStyle={{{fontfamine:'montserrat'}}}
您是否尝试过使用样式属性将字体加载到正常的
组件中?您是否可以尝试使用titleStyle={{{fontsizer:18}在按钮道具中?我做了相同的操作,但仍然没有解决,即使fontSize不起作用
<Button
rightIcon={{ name: 'history', type: 'font-awesome'}}
transparent={true}
title='History'
fontSize={18}
fontFamily='montserrat_bold'
/>
async componentWillMount() {
try{
await Expo.Font.loadAsync({
montserrat: require("./assets/fonts/Montserrat.ttf"),
montserrat_light: require("./assets/fonts/Montserrat_light.ttf"),
montserrat_bold: require("./assets/fonts/Montserrat-Medium.ttf")
});
this.setState({ loading: false });
}catch(error){
console.warn('Error loading fints', error);
}