React native 在视图内换行而不溢出文本

我是个新来的本地人。我试图在视图中设置文本，但文本在视图外溢出，如下图所示。尝试了

flexWrap:'wrap

和

flexShrink:1

，但也不起作用。我已实施以下措施：

试试这个：

在父包装器和文本组件中添加

flexShrink:1

，然后执行

flex:1和flexWrap:'wrap'

尝试以下操作：

---

在父包装器和文本组件中添加

flexShrink:1

，并在flexWrap:1和flexWrap:“wrap”仅使用flexWrap:“wrap”用于包装文本将此css用于查看和文本

headerContentStyle: {
  flexWrap : 'wrap'
},

headerTextStyle:{
   fontSize:20,
},

---

仅使用flexWrap：“wrap”用于包装文本将此css用于视图和文本

headerContentStyle: {
  flexWrap : 'wrap'
},

headerTextStyle:{
   fontSize:20,
},

---

如果您仍然有任何问题，请告诉我。如果您仍然有任何问题，请告诉我。我刚刚删除了CardSection并按照建议执行，效果良好。我刚刚删除了CardSection并按照建议执行，效果良好。

headerContentStyle: {
  flexWrap : 'wrap'
},

headerTextStyle:{
   fontSize:20,
},