Gridlayout 一行一行

Question

我是 NativeScript 的新手。我无法通过 gridlayout 容器获得一个看起来不错的简单 table 布局。这是我的标记

<GridLayout columns="*, 100, 100" rows="auto">
  <Label text="ΕΣΟΔΑ" row="0" col="0" colSpan="3" fontSize="20" class="font-weight-bold"></Label>
  <Label text="Έσοδα Παροχής Υπηρεσιών" row="1" col="0" fontSize="20"></Label>
  <TextField 
       row="1" col="1"
       keyboardType="number"
       returnKeyType="done" 
       class="input input-border"></TextField>
  <Label text="50%" textAlignment="right" row="1" col="2" backgroundColor="green" fontSize="20" verticalAlignment="middle"></Label>
</GridLayout>

这是输出

我希望第一个标签跨越整个第一行。我尝试更改 col 值或删除 col，但没有任何效果。

Answer 1

您有 1 排，您需要 2 排或更多 <GridLayout columns="*, 100, 100" rows="auto,auto"> 这应该对您的观点进行排序

Gridlayout 一行一行

Gridlayout rows one inside another

nativescript

angular2-nativescript