GridLayout の簡単なテストを試みていますが、期待どおりに動作しません。
これが私の見解です:
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
<GridLayout columns="80, *, auto" rows="80, 80, 80, *" >
<Label row="0" col="0" text="r0col0" cssClass="green" />
<Label row="0" col="1" text="r0col1" cssClass="green" />
<Label row="0" col="2" text="r0col2" cssClass="green" />
<Label row="1" col"0" text="r1col0" cssClass="blue" />
<Label row="1" col"1" text="r1col1" cssClass="blue" />
<Label row="1" col"2" text="r1col2" cssClass="blue" />
<Label row="2" col="0" text="r2col0" cssClass="red" />
<Label row="2" col="1" text="r2col1" cssClass="red" />
<Label row="2" col="2" text="r2col2" cssClass="red" />
</GridLayout>
これが私のcssです:
label {
font-size: 20;
horizontal-align: center;
color: white;
}
.green {
background-color: green;
}
.blue {
background-color: blue;
}
.red {
background-color: red;
}
これを iOS エミュレーターで実行すると、行 #1 (青い行) が表示されません。