具有静态和动态高度的垂直堆叠视图 - 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>

不确定蓝线是否为line / padding / etc，但您应该能够将这些添加到此shell中。