Как исправить перекрывающиеся элементы в сетке в NativeScript? - PullRequest
Новая
       11

Как исправить перекрывающиеся элементы в сетке в NativeScript?

0 голосов
/ 19 февраля 2019

Я создаю мобильную игру типа викторины, используя NativeScript и Angular.Я хочу сгенерировать сетку 3 x 8 из заданного массива длиной 24 элемента.

Я попытался использовать код со строками и столбцами, как показано ниже, также я попытался установить все в «*» и «auto».».

<ActionBar title="Riddle #1" icon="" class="action-bar">
</ActionBar>
<StackLayout>
    <Image src="res://some_image"></Image>
    <GridLayout rows="auto, *, auto" columns="auto, *, *, *, *, *, * auto">
            <Label *ngFor="let character of riddleCharacters; let i = index" row="i/8" col="i%8" [text]="character"></Label>
    </GridLayout>
</StackLayout>

К сожалению, все элементы располагаются в позиции 0,0 и перекрывают друг друга. Я бы хотел, чтобы они образовали сетку 3 x 8.Я с удовольствием ценю любую помощь по этому вопросу.

...