Css 反应本地文本在中间中断单词

我在几个嵌套的视图组件中显示react原生文本组件中的文本。
我从我调用的服务中检索此文本。
每次通话的文本都不同。
在某些情况下，反应母语（iOS和Android）自动打破文本，在一个词的中间。
示例：我有一个d
og

我怎样才能强迫自己把单词放在一起/只在单词之间做一个换行

打断课文

你好，这是一个例子
{'\n'}
多行文本
{`这是另一种方法
设置多行文字。`}

我们找到了一个解决方案：过滤掉前端的非中断空格。

---

我们不知道内容中的空格（导入到我们的数据库并在前端使用后端服务检索）如何/在何处转换为非中断空格。

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

<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>