我对React Native和使用flex的样式还比较陌生,一直在寻找一种在特定位置打断长字的方法。我只希望 optional 中断,以防单词太长。 在情况1(请参见示例)中,我不想打断这个词,因为组件足够大。 在情况2中,组件太小,因此单词中断。我希望能够控制破损位置以得到与情况3相同的东西。
我正在寻找与此solution for HTML类似的东西,但是我不能使用<wbr>
或​
并且找不到与React Native等效的东西(如果存在类似的东西)。
我尝试按照建议的here使用\u00AD
,但似乎没有插入中断。
示例:
// case1
––––––––––––––––––––––––––––––––––––––––––––––
|ReallyLongWordThatBreaksSomewhere |
| |
––––––––––––––––––––––––––––––––––––––––––––––
// case2
–––––––––––––––––––––––
|ReallyLongWordThatBre|
|aksSomewhere |
| |
–––––––––––––––––––––––
// case3
–––––––––––––––––––––––
|ReallyLongWord |
|ThatBreaks |
|Somewhere |
–––––––––––––––––––––––