如何在NativeScript中设置固定宽度的列?

时间:2019-04-30 12:21:46

标签: nativescript angular2-nativescript

我有一个包含三列的gridLayout,如何设置中间列的固定宽度(以百分比为单位)以及其他具有自动宽度的内容?

我尝试过:

<GridLayout class="profiles" rows="auto, auto, auto" columns="*, 90%, *">
</GridLayout>

1 个答案:

答案 0 :(得分:1)

您可以为第一列设置固定宽度,第二列可以为第三列设置9倍。

<GridLayout columns="60, 9*, *" rows="*, *" height="230"
            backgroundColor="lightgray">
            <Label text="Label 1" row="0" col="0" backgroundColor="red"></Label>
            <Label text="Label 2" row="0" col="1" backgroundColor="green"></Label>
            <Label text="Label 3" row="0" col="2" backgroundColor="blue"></Label>

            <Label text="Label 4" row="1" col="0" backgroundColor="yellow"></Label>
            <Label text="Label 5" row="1" col="1" backgroundColor="orange"></Label>
            <Label text="Label 6" row="1" col="2" backgroundColor="pink"></Label>

        </GridLayout>

我为您this创建了一个游乐场。