反应原生文本在中间打断单词答案

【问题标题】：react native text breaks word in the middle反应原生文本在中间打断单词
【发布时间】：2020-04-10 07:36:43
【问题描述】：

我在反应原生的文本组件中显示文本，在几个嵌套的视图组件中。
我从我调用的服务中检索此文本。
文字因通话而异。
在某些情况下，React Native（iOS 和 android）会在单词中间自动中断文本。
示例：我有一个 d
og

我如何强制 react native 将单词保持在一起/只在单词之间换行？

【问题讨论】：

标签： css react-native line-breaks word-break

【解决方案1】：

打破文本

<View style={styles.container}>
  <Text style={styles.paragraph}>
   Hello This is an example of 
   {'\n'}
   multiline text
</Text>
  <Text style={styles.paragraph}>{`Here is an other way to 
     set multiline text.`}</Text>
 </View>

【讨论】：

谢谢，saroj，但是在文本中放置 \n 是不可能的，因为文本是可变的并且来自后端
您的第二个解决方案是设置多行文本？ react native 已经在多行中显示了我的文本。这不是问题。
@tommer 你可以使用css属性；自动换行：换行；
我将您的建议放在我的 .js 文件底部的 const styles = StyleSheet.create({ 中，但我得到一个语法错误。当我将它更改为 wordWrap 时，我得到一个 Invariant 违规。 ..

【解决方案2】：

我们找到了解决方案：我们过滤掉前端的不间断空格。我们不知道我们内容中的空格（导入我们的数据库并在前端使用后端服务检索）如何/在何处转换为不间断空格。

【讨论】：