Css 减少本地视图之间的空间

我目前正在使用以下布局开发React本机应用程序：

（完整的源代码可以在上找到，但我认为问题就在这个文件中）

import React，{useState}来自“React”
从“react native”导入{视图，样式表}
从“./components/CButton”导入CButton
从“./components/Display”导入显示
常量按钮箭头=[
["1", "2", "3", "+"],
["4", "5", "6", "-"],
[“7”、“8”、“9”、“x”]，
[“，”0“，“justifyContent是垂直工作还是水平工作取决于flex方向。因此在
styles.inline
中，当您使用flex时，方向是列，它会使列占据所有可能的垂直空间。我删除了高度，因为它似乎会破坏布局（idk为什么）

const styles=StyleSheet.create({
主要内容：{
弹性：1，
flexDirection:'列'，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#222”，
填充：5
},
内联：{
flexDirection:'行'，
}
})