Nativescript GridLayout 在打字稿中设置行高

Question

有没有办法 change/set 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() 来获取行，但似乎无法对 returned 的内容执行任何操作。它似乎是 returning 一个 Observable 而不是一个行数组，因为 api 说它应该 return.

Answer 1

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

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

Nativescript GridLayout 在打字稿中设置行高

Nativescript GridLayout set row height in typescript

nativescript

nativescript-angular