React Native - 断字

use*_*601 5 javascript reactjs react-native

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

左边连字不好,右边更好

pen*_*142 5

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

text = 'React\u00ADNative'
<Text>{text}</Text>
Run Code Online (Sandbox Code Playgroud)