了解Nativescript中的GridLayout行

有人能帮我理解Nativescript中使用的网格布局，特别是网格布局吗？（星号）后面跟着汽车实际上是什么意思

<GridLayout rows="*, auto">

然后我遇到了一个更令人困惑的例子：

<GridLayout rows="*, auto, auto, auto, 2*">

---

我发现Nativescript的文档不太清楚。

文档说明如下：

表示行高的字符串值，用逗号分隔。一行 高度可以是

绝对数

、

自动

或

*

。数 指示绝对行高，自动将行设置为其最大行高 最高的子级，和*使行占据所有可用的垂直方向 空间

我认为首先区分

auto

和

*

是很重要的，因为它们的功能不同。使用

auto

作为值时，

GridLayout

将获取具有最高高度值的子元素的高度，并使其成为行的高度。因此，如果您有一个

GridLayout

，其中一行包含多个列，一行的高度为20，一行的高度为30，一行的高度为40，该行中的列将与该高度匹配

如果使用

*

而不是

auto

，则

GridLayout

将使用该行高度的所有可用空间。因此，如果

GridLayout

的高度为100，则该行的高度也将为100。当你把一个数字放在星号前面时，你基本上是在除法，所以如果你有

rows=“2*，*”

，第一行将有

GridLayout

高度的三分之二，第二行将有三分之一的高度

我不确定

行

属性的概念是否清晰，但为了澄清，您是通过添加逗号来定义多行的高度，例如：

包含五行的高度。具有

auto

高度的三列的高度确定后，第一行和最后一行将使用剩余的空间

---

NativeScript文档包含一些图像以展示其外观，可以找到这些图像。

文档说明如下：

表示行高的字符串值，用逗号分隔。一行 高度可以是

绝对数

、

自动

或

*

。数 指示绝对行高，自动将行设置为其最大行高 最高的子级，和*使行占据所有可用的垂直方向 空间

我认为首先区分

auto

和

*

是很重要的，因为它们的功能不同。使用

auto

作为值时，

GridLayout

将获取具有最高高度值的子元素的高度，并使其成为行的高度。因此，如果您有一个

GridLayout

，其中一行包含多个列，一行的高度为20，一行的高度为30，一行的高度为40，该行中的列将与该高度匹配

如果使用

*

而不是

auto

，则

GridLayout

将使用该行高度的所有可用空间。因此，如果

GridLayout

的高度为100，则该行的高度也将为100。当你把一个数字放在星号前面时，你基本上是在除法，所以如果你有

rows=“2*，*”

，第一行将有

GridLayout

高度的三分之二，第二行将有三分之一的高度

我不确定

行

属性的概念是否清晰，但为了澄清，您是通过添加逗号来定义多行的高度，例如：

包含五行的高度。具有

auto

高度的三列的高度确定后，第一行和最后一行将使用剩余的空间

NativeScript文档包含一些图像来展示它的外观，可以找到这些图像