css - 具有静态和动态高度的垂直堆叠 View - 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 中。