React Native - 断字

IT技术 javascript reactjs react-native
2021-04-27 14:41:17

我正在开发一个 React Native 应用程序,在其中我在框中显示一些文本。有时,框中的单个单词太长而无法放在一行中,因此 RN 会在单词太长时将其断开并在下一行继续文本。不幸的是,这会导致单词的连字符不佳(请参见图像中的左框)。我试图找到一种解决方案来改进这一点,以便在这个例子中,结果就像右边的框,在一个合理的点上,单词被连字符连接起来。我知道有处理连字的 javascript 库。例如,这将单词分解为数组中的连字符。我被困在这里,因为我不知道如何真正弄清楚是否需要连字符这个词。有任何想法吗?

左边连字不好,右边更好

1个回答

使用 C/C++/Java 编码:

text = 'React\u00ADNative'
<Text>{text}</Text>