как создать справа налево макет сетки nativescript - PullRequest
0 голосов
/ 31 октября 2018

Я хочу создать сетку справа налево в nativescript. Я ищу целый день в надежде найти решение, но не могу найти ничего, поэтому вот что я хочу, рассмотрите этот пример сетки:

<GridLayout columns="*,*,*" rows="*,*,*,*,*"  sdkExampleTitle sdkToggleNavButton>
    <Button text="1" row="0" col="0" style="background-color: #0099CC; margin: 5;"></Button>
    <Button text="2" row="0" col="1" style="background-color: #FFFF66; margin: 5;"></Button>
    <Button text="3" row="0" col="2" style="background-color: #AA0078; margin: 5;"></Button>
    <Button text="4" row="1" col="0" style="background-color: #8C489F; margin: 5;"></Button>
    <Button text="5" row="1" col="1" style="background-color: #CCFFFF; margin: 5;"></Button>
    <Button text="6" row="1" col="2" style="background-color: #0099CC; margin: 5;"></Button>
</GridLayout>

Как видите, это сетка с 2 строками и 3 столбцами

enter image description here

Как видно на картинке выше, содержимое выровнено слева направо. Знайте, я хочу изменить этот макет, чтобы добиться выравнивания справа налево, как показано на рисунке ниже. Как это можно сделать с помощью gridlayout? Я проверяю горизонтальное выравнивание и устанавливаю его вправо, но это не сработало

enter image description here

1 Ответ

0 голосов
/ 31 октября 2018

GridLayout - все о том, как вы настраиваете строки / столбцы, чтобы получить ожидаемые результаты на скриншоте, вам, возможно, придется вручную изменить значение col, которое вы назначаете.

Или вы можете использовать FlexboxLayout , который может дать вам те же результаты, все же могут потребоваться незначительные изменения стиля.

...