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>

如何在React Native中将容器的尺寸指定为其子代的总尺寸？

1 个答案: