移动父母视图的儿童视图反应当地人

Question

我有父<View>类型和子<Text>类型。如果文本值很大，则文本移出容器视图。知道怎么包含它吗？ 附：我不希望修剪文本，然后按＆＃34; ...＆＃34;，因为我需要添加动画并将其滚动回视图。

Answer 1

要解决这个问题，我建议使用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'，它告诉视图耗尽所有可用空间并将其子项包裹在自身周围。如果您仍然无法使其正常工作，请尝试给它一个＆＃39; alignItems＆＃39;像我在上面的例子中所做的那样。

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

上面代码的屏幕截图