React native 反应本机flexbox拉伸问题

在react native中，我希望达到这种效果

当然，所有按钮的宽度和高度都应该相同。 为此，我使用flex-box。我如何使用flexbox实现这一点？ 我尝试：

const styles=StyleSheet.create({
主视图：{
弹性：1，
flexDirection:'列'，
对齐项目：“拉伸”
},
行：{
弹性：1，
flexDirection:'行'，
},
按钮：{
弹性：1，
}
});
导出默认类Home extends组件{
render（）{
返回(
);
}

}

但这给了我：

---

请提供帮助

如果您将背景色设置为所有样式，您将看到您的布局正常工作，但不能在React Native中更改

按钮

的高度。使用或而不是

按钮，则“按钮”将填充整个视图，而不是粘在顶部。
如果您将背景色设置为所有样式，您将看到您的布局正常，但不能在React Native中更改
按钮的高度。使用或代替
按钮
，以及“按钮”将填充整个视图，而不是停留在顶部。
alignItems:“stretch”
设置为
行
应修复此问题…在标准Flexbox中，这是默认值抱歉，但我不帮助对齐项：
alignItems:“stretch”
设置为
行
应修复此问题…在标准Flexbox中，这是默认值抱歉，但我没有帮助