Jestem całkiem nowy w natviescript, używam GridLayout, aby spróbować uniknąć zagnieżdżania układu do maksimum, aby uzyskać lepszą wydajność, w moim szablonie mam obraz, a następnie mam pionową listę czterech elementów tuż obok mojego obrazu, jednak pojawia się tylko pierwsza lista pozycji, inne wypadają z moich obligacji GridLayout, jak mogę sprawić, aby inne pozycje listy pojawiały się tuż pod pierwszą.

Mój szablon:

<GridLayout width="100%" height="175px" rows="auto,auto,auto,auto" columns="auto,*,20" backgroundColor="green" style="padding:10px 10px;">
    <Image row="0" column="0" src="res://logo" loadMode="async" stretch="aspectFit" style="background-color:red; width:175px; height:175px; border-radius:10px; margin:0px 20px 0px 0px;"></Image>
    <Label text="Pacome1" fontSize="18" row="0" column="1" class="c_light" style="margin:5px 0px;"></Label>
    <Label text="Pacome2" fontSize="18" row="1" column="1" class="c_light" style="margin:5px 0px;"></Label>
    <Label text="Pacome3" fontSize="18" row="2" column="1" class="c_light" style="margin:5px 0px;"></Label>
    <Label text="Pacome4" fontSize="18" row="3" column="1" class="c_light" style="margin:5px 0px;"></Label>
    <Label :text="'fa-star' | fonticon" row="0" col="2" class="fa c_light fs_small" style="margin:10px 0px;"></Label>
</GridLayout>
0
gabogabans 19 listopad 2019, 16:48
Używasz col w swojej ikonie, co jest poprawnym terminem, ale wszędzie tam, gdzie pojawia się column, wydaje się, że jest to problem.
 – 
Manoj
19 listopad 2019, 20:54

1 odpowiedź

Kilka rzeczy:

  1. Twoja ostatnia etykieta ma col zamiast kolumny.
  2. auto w polu rows/columns układu siatki oznacza "niech ten komponent zajmie miejsce, którego potrzebuje na jego wymiary". * oznacza „zajmij pozostałą dostępną przestrzeń”. Możesz również zrobić takie rzeczy, jak 2*, aby powiedzieć „ten element powinien zajmować 2 razy więcej miejsca niż inne elementy”.
    1. Jeśli składniki przepełniają GridLayout, być może suma wszystkich elementów wewnątrz GridLayout jest większa niż wysokość GridLayout. Rozważ ustawienie wysokości na etykietach lub zwiększenie wysokości układu GridLayout.
0
person13 19 listopad 2019, 17:08