react-native - React Native 上的字母间距 - Android

Question

我正在将 React Native 0.29 与 Android 模拟器(API 级别 23)一起使用。我正在努力实现 letterSpacing在 Text成分。但它似乎不适用于Android。官方文档说它只适用于 iOS。有没有解决这个问题的方法？

Answer 1

Android 上缺少字母间距可以通过在每个字符之间添加一个或多个空格来“解决”。我找到了 unicode HAIR_SPACE U+200A以获得最佳结果，但您可能必须尝试找到最适合您字体的字体。例如 2 个头发空间或一个 U+2009 THIN SPACE .

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

它可能最适合标题和菜单标签。

Unicode 空格:https://www.cs.tut.fi/~jkorpela/chars/spaces.html