时间戳

首页 > 解决方案 > 在 React Native 中的特定点打断长词

react-native - 在 React Native 中的特定点打断长词

问题描述

我对 React Native 和使用 flex 的样式比较陌生，并且一直在寻找一种在特定点打破长词的方法。我只想要一个可选的中断，以防单词太长。在案例 1（参见示例）中，我不想破坏这个词，因为组件足够大。在情况 2 中，组件太小，因此单词中断。我希望能够控制断裂位置以获得案例 3 中的某些东西。

我正在为 HTML 寻找与此解决方案类似的东西，但如果存在类似的东西，我无法使用<wbr>或&#8203;找不到 React Native 的等价物。我已经尝试按照这里\u00AD的建议使用，但它似乎没有插入中断。

例子：

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

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

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

标签： react-nativeline-breaksword-break

解决方案

推荐阅读