如何在React Native中添加自定义字体

vtwuwzda 于 2023-05-29 发布在 React

关注(0)|答案(2)|浏览(403)

我正在使用react native自定义字体，这有一个问题。默认情况下，文本是在中心，当我使用字体，然后文本没有在中心。这里是代码。

<TextInput 
    style={{
       height:40, 
       width:width-10, 
       margin:5, 
       backgroundColor:"#eee",
       borderRadius:5,
       paddingLeft:20,
       fontFamily:FONTS.medium  // if I comment this line then placeholder and text input is on center.
     }}
     placeholder="Search Here"
/>

使用默认字体的图像

注：我已经检查了它与多种字体和有相同的问题。

react-native

来源：https://stackoverflow.com/questions/68870473/how-to-add-custom-fonts-in-react-native

2条答案

按热度按时间

mutmk8jj1#

尝试如果 prop includeFontPadding或lineHeight删除间距。

<Text
  style={{
        backgroundColor: 'red', 
        //lineHeight: 92, 
        fontSize: 24,  
        color: '#000000', 
        fontFamily: 'Roboto-Regular', 
        includeFontPadding: false}}>
        Search Here
</Text>

如果这不起作用，检查字体本身是否有间距。打开字体文件 *.ttf并检查文本是否有大间距。

赞(0）回复(0）举报 2023-05-29

osh3o9ms2#

使用includeFontPadding属性，它将删除默认空格

<Text  style={{
     includeFontPadding: false
   }}>
     Search Here
</Text>

赞(0）回复(0）举报 2023-05-29

我来回答

如何在React Native中添加自定义字体

2条答案

相关问题

热门标签

最新问答