使用自定义字体时,日语文本不在IOS上垂直居中

时间:2019-03-11 02:43:01

标签: ios react-native

我面临的一个问题是在IOS上垂直放置日语文本。每当我在IOS上的PREFERRED LANGUAGE ORDER设置中将日语添加到Language and Region列表中时,

enter image description here

日语文本将位于中心上方,并且仅日语,而不是英语。在Android上一切正常我正在使用自定义字体进行更具体的说明。有人知道如何解决这个问题吗?

Japanese text (IOS) Japanese text (IOS)

Englist text (IOS) English text (IOS)

Japanses text (Android) Japanese text (Android)

编辑:

我用来使文本居中的代码:

flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center'

2 个答案:

答案 0 :(得分:0)

Android的道具includeFontPadding的默认值为false,因此在Android上不会发生此问题。

Anw,要在iOS上解决此问题,可以使用XCode的字体工具来编辑字体,请阅读本文以获取更多详细信息:

https://medium.com/@martin_adamko/consistent-font-line-height-rendering-42068cc2957d

答案 1 :(得分:0)

简便解决方案:

使用TextInput代替Text还会添加道具 editable={false}

示例:

<TextInput style={{styles.yourStyle}} editable={false}>
  Your Japanese or whatever text goes here...
</TextInput>