css - 具有静态和动态高度的垂直堆叠视图 - React Native

Question

我正在尝试使用带有视图的 React Native 中的 Flexbox 来实现下图所代表的内容，如果您有一个非常棒的基本示例：

Answer 1

像这样的东西：

<View style={{ flex: 1, flexDirection: 'column'}}>
  <View style={{ height: 70, backgroundColor: 'blue' }}>
  </View>
  <View style={{ height: 70, backgroundColor: 'green' }}>
  </View>
  <View style={{ flex: 1, backgroundColor: 'yellow' }}>
  </View>
</View>

不确定蓝线是否是线/填充/等，但你应该能够将它们添加到这个 shell 中。