代码之家 › 专栏 › 技术社区 › khateeb

如何在react native中将容器的维度指定为其子容器的总维度?

react-native reactjs

khateeb · 技术社区 · 6 年前

我用的是本地的react 0.57.8 并作出反应 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.

1 回复 | 直到 6 年前

Ron Astle Lobo 6 年前

的尺寸 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>

推荐文章