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

Question

我正在尝试在 React Native with Views 中使用 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。