blocks|key|4533397|text|看起来从React+Native+0.30开始，letterSpacing也只是iOS。您可以随时添加此内容并发出拉取请求:)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4533398|另一种选择可能是将一个函数组合在一起，该函数接受一个字符串并在每个字母周围添加空格。(不过，这将是一种黑客行为！)|4533399|entityMap|0|LINK|mutability|MUTABLE|url|https://facebook.github.io/react-native/docs/text.html#style^0|O|D|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Looks like as of React Native 0.30 <a href="https://facebook.github.io/react-native/docs/text.html#style" rel="nofollow">letterSpacing</a> is iOS only as well. You could always add this and issue a pull request :)

Another option might be to hack together a function that takes a string and adds spacing around each letter. (it would be a hack though!)

blocks|key|2421471|text|Android上缺少字母间距的问题可以通过在每个字符之间添加一个或多个空格来“解决”。我发现unicode+HAIR_SPACE+U%2B200A可以提供最好的效果，但您可能需要尝试找到最适合您的字体的字体。例如，两个头发空间或一个U%2B2009+THIN+SPACE。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2421472|function+applyLetterSpacing(string,+count+=+1)+{+++return+string.split('').join('\u200A'.repeat(count));+}|2421473|它可能最适用于标题和菜单标签。|2421474|Unicode+space：https://www.cs.tut.fi/~jkorpela/chars/spaces.html|2421475|entityMap|0|LINK|mutability|MUTABLE|url|https://www.cs.tut.fi/~jkorpela/chars/spaces.html^0|1I|H|36|H|0|0|2Y|0|0|E|1D|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|11|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|L|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

The lack of letter spacing on Android can be "solved" by adding one or more spaces between each character. I have found the unicode <code>HAIR_SPACE U+200A</code> to give the best results, but you might have to experiment to find what suits best for your font. For example 2 hair spaces or one <code>U+2009 THIN SPACE</code>.

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

It probably works best for headers and menu labels.

Unicode spaces: <a href="https://www.cs.tut.fi/~jkorpela/chars/spaces.html" rel="noreferrer">https://www.cs.tut.fi/~jkorpela/chars/spaces.html</a>

blocks|key|2421492|text|将React+Native更新到至少0.55版本，以便在安卓系统上使用字母间距。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2421493|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md#055^0|I|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Update React Native to at least version <a href="https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md#055" rel="nofollow noreferrer">0.55</a> for letter spacing on Android to work.

blocks|key|2421503|text|您可以使用文本component.Like的默认属性在字母之间留出空格|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2421504|<Text+style={{+fontSize:+18,+letterSpacing:+3,+color:+'#FFFFFF'+}}>Stack+Overflow</Text>|code-block|syntax|javascript|2421505|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can give space between letter using default props of Text component.Like
<pre><code>&lt;Text style={{ fontSize: 18, letterSpacing: 3, color: '#FFFFFF' }}&gt;Stack Overflow&lt;/Text&gt;
</code></pre>

I'm using React Native 0.29 with Android emulator (API Level 23). I am trying to achieve <code>letterSpacing</code> on <code>Text</code> component. But it seems not working on Android. Official documentation says that it only works in iOS. Is there any workaround of this problem?

Letter spacing on React Native - Android

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用带有Android模拟器的React Native 0.29 (API级别23)。我正在尝试在Text组件上实现letterSpacing。但它在Android上似乎不起作用。官方文档说它只能在iOS中工作。有没有解决这个问题的办法？

问React Native - Android上的字母间距
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native - Android上的字母间距EN