如何在 React Native 中将容器的维度指定为其子级的总维度

Question

我正在使用 React Native 0.57.8 和 React 16.7 。我有一个容器，里面有很多孩子。我希望容器将维度作为其子维度的总和。我该如何实现此目的？

<View style={[styles.container]}>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
</View>

View的尺寸应等于Text s的尺寸之和。

Answer 1

View的尺寸是自动获取的，但是对于间距，您必须使用flex的概念。

例：

<View style={{flex:1,justifyContent:"space-evenly",alignItems:"center"}}>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
  <Text style={[styles.title]}>{title}</Text>
</View>