Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 自定义字体未应用“反应本机元素”按钮组件_Reactjs_React Native - Fatal编程技术网

Reactjs 自定义字体未应用“反应本机元素”按钮组件

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

无法为react原生元素中的按钮设置自定义字体

我正在使用“^0.19.1”版本的“react native elements”,并尝试为按钮设置自定义字体。字体已经在文本组件的页面中工作

<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);
}