网站搜索

javascript - 在 react native 中在换行的句子中添加连字符


所以我正在从后端收到一些短信,并且我以以下方式显示这些文本:

<Text
  style={{
    fontSize: 14,
    width: 70,
  }}
  numberOfLines={2}
  >
    {textFromApi}
</Text>

所以如果文本很长,它就会换到第二行。但我想在单词换行的地方加一个连字符(-)。我知道在网页上有类似 hyphens: auto; 的方法,但在 React Native 中有什么办法可以实现吗?

答案#1

不是内置的,但有一个你可以使用的包,叫作 Hypher:https://www.npmjs.com/package/hypher

这样使用它:

import Hypher from 'hypher';
import english from 'hyphenation.en-us';

const h = new Hypher(english);

<Text>
  {h.hyphenateText("Hyphenation")}
</Text>