2016-07-19 20 views
7

私はAndroidエミュレータ(APIレベル23)でReact Native 0.29を使用しています。私はコンポーネントのletterSpacingを達成しようとしています。しかし、それはAndroid上で動作していないようです。公式の文書によると、iOSでしか動作しません。この問題の回避策はありますか?リアクトネイティブ0.30 letterSpacingのようのみだけでなくiOSのあるようReact Nativeの文字間隔 - Android

答えて

2

が見えます。あなたはいつもこれを追加して、プルリクエストを発行することができる:)

別のオプションは、文字列を取り、それぞれの文字の周りに間隔を追加する機能を一緒にハックするかもしれません。 (それはしかしハックだろう!)

20

Android上で文字間隔の欠如は、各文字の間に1つの以上のスペースを追加することによって、「解決」することができます。私はユニコードHAIR_SPACE U+200Aが最良の結果を出すのを見つけましたが、あなたのフォントに合ったものを見つけるために実験をしなければならないかもしれません。たとえば、2つのヘアスペースまたは1つの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

+1

これは小さいタイプに適していますが、見出しのために、それはまだあまりにも広いです。毛のスペースよりも薄いものがありますか?私は周りを見回していましたが、何も見つかりませんでした。ピクセル空間? – Teodors

+1

1つの問題は、(スペースがあるため)各文字の後にテキストが壊れることがある、より長い(改行する)テキストの場合です。誰かがこれに対する解決策を見つけましたか? – erikvdplas