React Native上的字母间距 - Android

Question

我使用React Native 0.29和Android模拟器（API Level 23）。我正在尝试在letterSpacing组件上实现Text。但它似乎不适用于Android。官方文档说它只适用于iOS。这个问题有解决方法吗？

Answer 1

Android上缺少字母间距可以通过在每个字符之间添加一个或多个空格来“解决”。我发现unicode String可以提供最佳效果，但您可能需要尝试找到最适合您字体的内容。例如2个发空间或一个HAIR_SPACE U+200A。

U+2009 THIN SPACE

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

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

Answer 2

看起来像React Native 0.30 letterSpacing也只是iOS。您可以随时添加并发出拉取请求：）

另一种选择可能是将一个带有字符串并在每个字母周围添加间距的函数混合在一起。 （虽然这将是一个黑客！）

Answer 3

您可以使用 Text 组件的默认道具在字母之间留出空格。Like

<Text style={{ fontSize: 18, letterSpacing: 3, color: '#FFFFFF' }}>Stack Overflow</Text>

Answer 4

将React Native至少更新为0.55版本，以使Android上的字母间距有效。