Nativescript GridLayout 在 typescript 中设置行高

Question

有没有办法在绘制后更改/设置 GridLayout 行的高度？

例如，我有一个这样的 GridLayout 设置:

<GridLayout class="template_body" rows="40,*,60">
<StackLayout row="0" [visibility]="isTablet ? 'visible' : 'collapsed'">
    <Label text="Drag statements to the proper category."></Label>
    <FlexboxLayout flexDirection="row" row="1" [visibility]="isSubmitted ? 'visible' : 'collapsed'">
            <AbsoluteLayout height="10" width="10" class="correct-legend"></AbsoluteLayout><Label class="legend-label" text="Correct"></Label>
            <AbsoluteLayout height="10" width="10" class="incorrect-legend"></AbsoluteLayout><Label class="legend-label" text="Incorrect"></Label>
        </FlexboxLayout>
</StackLayout>

我想根据条件更改第一行的高度。到 rows="100,*,60"

我已经尝试通过在网格布局上使用 getRows() 来获取行，但似乎无法对返回的内容执行任何操作。它似乎返回一个 Observable，而不是 api 所说的它应该返回的行数组。

Answer 1

如果你想要比 rows="auto, *,auto"提供更多的控制，你可以给网格布局一个 id，比如 id="someId"然后在 js/ts 中尝试...

page.getViewById("someId").rows="100, *,60"; 
page.getViewById("someId").requestLayout();