React Native：自定義字體在Android和iOS上的呈現方式不同

在下圖中，我檢查了與左側Android和右側iOS上呈現的文本組件相同的文本組件。看來，iOS呈現在文字容器頂部的字體。React Native：自定義字體在Android和iOS上的呈現方式不同

我對Android和iOS都使用相同的TTF字體文件。（我發現一個在線參考我使用的字體here。）

任何想法如何使字體呈現相同的Android和iOS？

只要是明確的，不同的是不被任何樣式（餘量，字體大小等）而引起的。完全一樣。

來源

2017-01-10 henkimon

我發現了一個修復，但它感覺不對。我想你應該找到另一種在每臺設備上呈現相同的字體。

你可以玩的lineHeight，padding和margin得到您的文本組件相同的垂直對齊方式：

iOS設備上：

instructions: { 
    fontFamily: 'Metric-Regular', 
    fontSize: 50, 
    lineHeight: 50, 
    paddingTop: 25, 
    marginBottom: -35, 
    marginTop: 35 
    }

來源

2017-01-10 19:48:15 AlexB

謝謝，這真是幫了我找到一個解決方案！因爲我需要支持多行文本，所以我無法設置高度，就像你一樣。然而，它似乎工作時，我在頂部添加填充和文本組件的底部的負邊距，這兩個值相對於字體大小。 – henkimon

@henkimon謝謝，我很高興我的幫助。正如你所看到的，我根據你的評論改進了我的答案。如果你能接受它，那對我來說就意味着這個世界。 – AlexB

React Native：自定義字體在Android和iOS上的呈現方式不同

回答

相關問題