React native 子视图移出react native中的父视图

我有一个父

类型和一个子

类型。如果文本值较大，则文本将移出容器视图。你知道怎么控制它吗？

---

另外，我不希望文本被修剪并后跟“…”，因为我需要添加动画并将其滚动回视图。

要解决此问题，我建议使用flex。下面是一个简单的例子：

<View style={{
 flex:1,
 flexWrap:'wrap', 
 flexDirection:'row',
 justifyContent:'center',
 alignItems:'center',
 marginTop:50}}>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
   <Text>Something</Text>
</View>

某物
某物
某物
某物
某物
某物
某物
某物

这里的关键是

flex:1

和

flexWrap:'wrap'

，它告诉视图使用所有可用空间，并将其子对象环绕在自身周围。如果您仍然无法使其正常工作，请尝试使用“alignItems”样式，就像我在上面的示例中所做的那样

使用此代码，您可以制作如下内容：

上面代码的截图

---

您可以根据屏幕高度、宽度设置fontsize，以添加到@BurakKarasoy的评论中，React Native现在支持，但仅在iOS上支持。