2016-04-27 28 views
3

Reactネイティブアプリで、ボックス内にテキストを表示しています。時にはボックス内の個々の単語が長すぎて1行に収まらないので、RNは単語が長すぎて次の行のテキストを継続すると単語を切り捨てます。これは残念なことに、単語のハイフネーションが貧弱になります(画像の左のボックスを参照)。私は、この例では、単語が合理的な点でハイフネーションされている右側のボックスのようなものになるように、これを改善する解決策を見つけようとしています。私はハイフネーションを扱うjavascriptライブラリがあることを知っています。たとえば、Thisは、単語を配列内のハイフンに分割します。私は実際に単語をハイフネーションする必要があるかどうかわからないので、私はここで立ち往生しています。何か案は?React Native - ハイフネーション

Poor hyphenation on the left, better on the right

+0

"T" と "N" の間にスペースを追加します。あなたがここに適用できる唯一の規則であると思われる小文字とそれに続く大文字があります。文字列のすべてのケースを検索し、大文字の前にスペースを挿入します。 –

+0

これは単なる例です。単語が "Stackoverflow"の場合はどうでしょうか?大文字のない長い単語 – user3346601

+0

人間がどこにあるかを分けるプログラム的なルールはありません。 –

答えて

0

使用C/C++/Javaのエンコーディング:

text = 'React\u00ADNative' 
<Text>{text}</Text> 
関連する問題