Css 具有静态和动态高度的垂直堆叠视图-反应本地

我正在尝试在React Native with Views中使用Flexbox实现下图所示的效果，如果您有一个这方面的基本示例，那将是令人惊讶的：

大概是这样的：

<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中。

我们不在这里编写代码，所以请向我们展示您迄今为止的成果