控制 React Native <Text> 元素上的单词/文本中断

Question

有没有办法控制文本组件中文本的断字行为？使用 iOS 上的多行文本组件，它会自动在有断字的地方中断文本（我还没有检查过 android，但我也需要它在那里工作）。我希望改变这种行为，在每个字符级别上打破，就像你可以执行以下 CSS 规则一样：

word-break: break-all;

Answer 1

文本组件有一个仅适用于 Android 的textbreakstrategy属性，允许对文本的分割方式进行一些控制。属性值映射到 Android 的本机android:breakStrategy值。

不过这个属性似乎并没有转化为 iOS。

否则，如果您对文本值有预先了解，则可以使用软连字符指示文本分割

<Text>aaaaaaaaaaaaaaaaaa bbbbbbbbbbb&shy;CCCCC.</Text>

这将呈现为：

aaaaaaaaaaaaaaaaaa bbbbbbbbbbb-
CCCCC.

如果两者都不够，我想这超出了文本组件的能力，您可能必须恢复到另一个组件。也许可以渲染简单的 html。