React Native - Android上的字母间距
React Native - Android上的字母间距
提问于 2016-07-19 14:45:22
我正在使用带有Android模拟器的React Native 0.29 (API级别23)。我正在尝试在Text组件上实现letterSpacing。但它在Android上似乎不起作用。官方文档说它只能在iOS中工作。有没有解决这个问题的办法？
回答 4
Stack Overflow用户
发布于 2016-08-01 17:29:09
Android上缺少字母间距的问题可以通过在每个字符之间添加一个或多个空格来“解决”。我发现unicode HAIR_SPACE U+200A可以提供最好的效果，但您可能需要尝试找到最适合您的字体的字体。例如，两个头发空间或一个U+2009 THIN SPACE。
function applyLetterSpacing(string, count = 1) { return string.split('').join('\u200A'.repeat(count)); }
它可能最适用于标题和菜单标签。
Unicode space：https://www.cs.tut.fi/~jkorpela/chars/spaces.html
Stack Overflow用户
发布于 2021-01-27 20:09:42
您可以使用文本component.Like的默认属性在字母之间留出空格
<Text style={{ fontSize: 18, letterSpacing: 3, color: '#FFFFFF' }}>Stack Overflow</Text>Stack Overflow用户
发布于 2016-07-31 04:22:45
看起来从React Native 0.30开始，letterSpacing也只是iOS。您可以随时添加此内容并发出拉取请求:)
另一种选择可能是将一个函数组合在一起，该函数接受一个字符串并在每个字母周围添加空格。(不过，这将是一种黑客行为！)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38451278
复制相关文章
相似问题
腾讯云开发者
