Typescript React本机文本不受容器视图的限制

我正在创建一个react native expo应用程序。在其中，我想创建一个2列布局。内容的标题在左边，数据在右边

<View>
  <Text>Some title</Text>
  <Text>Some pretty long content</Text>
<View>

一些头衔
一些相当长的内容

因此，它应该显示为：

*--------------------------* | Some Title Some pretty | | long content| *--------------------------* *--------------------------* |有些头衔，有些漂亮| |长内容| *--------------------------* 但现在发生的是：

*--------------------------* | Some Title Some pretty long | content | *--------------------------* *--------------------------* |有些标题有些相当长 |内容| *--------------------------* 因此，文本似乎不会根据其父文本的宽度来选择宽度

这就是它的样子：

视图层次结构如下所示：

<View> -- 100% width 

  <View> -- Margin of 10 & padding of 5 & curved border

    <View> -- Flex row & a 1px border to show its expected width

       <Text>Title</Text>
       <Text>Content</Text> -- Overflowing text 

       <Text>Title</Text>
       <Text>Content</Text> -- Overflowing text 

       .
       .
       .

       <Text>Title</Text>
       <Text>Content</Text> -- Overflowing text 

    </View>

  </View>

</View>

--100%宽度
--边距为10，衬垫为5，弧形边框
--弹性行&1px边框以显示其预期宽度
标题
内容——溢出文本
标题
内容——溢出文本
.
.
.
标题
内容——溢出文本

---

如果您愿意，我可以添加CSS和TSX代码，但我已经总结了上面的重要内容

请尝试将

width=“100%”

添加到您的

文本中

注：我应该在评论中问这个问题，但是这里有一个新的StackOverFlow用户
 柔性包裹：包裹
弹性：1
如果视图样式的“弯曲方向”为“行”，则将其设置为文本样式表

或者
尝试将父视图和文本的宽度都设置为100%。
哈哈，没关系！我厌倦了添加width=“100%”，但这没有帮助。现在我作弊了，并这样做：“宽度：Math.round（Dimensions.get（'window'）.width）-120”添加
{flexWrap:“wrap”}
到包含文本的视图中。不！没用。今天再试一次。只要flexDirection为“row”的父视图中只有一个子组件具有flex:1，那么它就正确地占用了空间。