如何创建从右到左的网格布局nativescript答案

【问题标题】：how to create right to left grid layout nativescript如何创建从右到左的网格布局nativescript
【发布时间】：2018-10-31 06:14:54
【问题描述】：

我想在 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 列的网格布局

如上图所示，内容从左到右对齐。知道我想更改此布局以实现从右到左对齐，如下图所示，如何使用 gridlayout 执行此操作我测试水平对齐并将其设置为右对齐，但它不起作用

【问题讨论】：

为什么改变行数/列数不够好？是否需要支持多种语言？
想象我在第一行有 2 列更改行和列号不会解决问题，因为我希望 3 列的空白空间位于左侧而不是右侧
几个问题： 1. 你会一直在屏幕上显示多达 6 个形状吗？ 2.如果缺少形状#5，形状#6是否会丢失（在第二张图片中）？

标签： layout nativescript grid-layout

【解决方案1】：

GridLayout 是关于如何设置行/列的全部内容，要在屏幕截图中获得预期结果，您可能必须手动反转您分配的 col 值。

或者您可以使用FlexboxLayout，这可能会得到相同的结果，但可能仍需要对样式进行细微调整。

【讨论】：

想象我在第一行有 2 列更改行和列值不会解决问题，因为我希望 3 列的空白空间位于左侧而不是右侧。所以没有用gridlayout解决这个问题的解决方案？
这应该仍然可以解决问题，如果您不指定要在该特定列中加载的组件，它将为空。如果您仍有任何问题，请尝试创建一个 Playground 示例，并附上预期输出的屏幕截图，这可能有助于我们准确了解您在寻找什么。