在React Native的特定位置打断长字

时间:2019-11-27 02:00:44

标签: react-native line-breaks word-break

我对React Native和使用flex的样式还比较陌生,一直在寻找一种在特定位置打断长字的方法。我只希望 optional 中断,以防单词太长。 在情况1(请参见示例)中,我不想打断这个词,因为组件足够大。 在情况2中,组件太小,因此单词中断。我希望能够控制破损位置以得到与情况3相同的东西。

我正在寻找与此solution for HTML类似的东西,但是我不能使用<wbr>&#8203;并且找不到与React Native等效的东西(如果存在类似的东西)。 我尝试按照建议的here使用\u00AD,但似乎没有插入中断。

示例:

// case1
––––––––––––––––––––––––––––––––––––––––––––––
|ReallyLongWordThatBreaksSomewhere           |
|                                            |
––––––––––––––––––––––––––––––––––––––––––––––

// case2
–––––––––––––––––––––––
|ReallyLongWordThatBre|
|aksSomewhere         |
|                     |
–––––––––––––––––––––––

// case3
–––––––––––––––––––––––
|ReallyLongWord       |
|ThatBreaks           |
|Somewhere            |
–––––––––––––––––––––––

0 个答案:

没有答案