Сетка раскладывает ряды друг в друга

Question

Я новичок в NativeScript.Я не могу заставить простой макет таблицы хорошо выглядеть через контейнер gridlayout.Вот моя разметка

<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"> Это должно отсортировать ваши взгляды