2016-07-19 38 views
7

我正在使用React Native 0.29和Android模擬器(API Level 23)。我正試圖在Text組件上實現letterSpacing。但它似乎不適用於Android。官方文檔稱它只能在iOS中運行。有沒有解決這個問題的方法?React Native上的字母間距 - Android

回答

2

看起來像React Native 0.30 letterSpacing僅限iOS。你總是可以添加這個和發出拉請求:)

另一種選擇可能是將一個函數,它需要一個字符串,並添加每個字母周圍的間距。 (這可能是一個黑客!)

20

Android上缺少字母間距可以通過在每個字符之間添加一個或多個空格來「解決」。我發現unicode HAIR_SPACE U+200A可以提供最佳效果,但您可能需要嘗試找出最適合您字體的字體。例如2個頭發空間或一個U+2009 THIN SPACE

function applyLetterSpacing(string, count = 1) { return string.split('').join('\u200A'.repeat(count)); }

它可能是最適合標題和菜單標籤。

統一空間:https://www.cs.tut.fi/~jkorpela/chars/spaces.html

+1

這非常適用於較小的類型,但頭條新聞仍然太寬。有什麼東西比頭髮空間更薄?我環顧四周,但找不到任何東西。像素空間? – Teodors

+1

一個問題是,在每個字符之後文本可能會斷裂(因爲存在空格)的文本越長(打破)。有沒有人找到這個解決方案? – erikvdplas