Question

在NativeScript应用程序的上下文中，我一直在努力寻找一种高效，简便的方法来完成看起来很简单的事情：将一个项目放在布局的中心，而将另一个项目一直放置在布局的中心布局的右侧或左侧-类似于此问题中的图像：Center and right align flexbox elements。这些项目应该都在同一行中。（我已经研究过那些解决方案，但是我不想添加伪元素，而且很多CSS都无法与NativeScript一起使用。）是否有某种干净，规范的方法可以通过默认布局？如果这还不够“具体”，请说我有这样的情况：

<SomeLayout>
  <Label text="Center me"></Label>
  <Label text="Pull me to the right"></Label>
</SomeLayout>

标签的文本属性描述了我要查找的内容。请测试任何建议或确保它们可行。

Answer 1

通过将相同的行号应用于两个标签，可以将horizontalAlignment与GridLayout一起使用。

<GridLayout rows="auto" columns="*">
  <Label row="0" horizontalAlignment="center" text="Center me" class="center"></Label>
  <Label row="0" horizontalAlignment="right" text="Pull me to the right" class="right"></Label>
</GridLayout>

您还可以使用horizontalAlignment属性从CSS设置horizontal-align属性。

.center{
    horizontal-align:center;
}
.right{
    horizontal-align:right;
}

主要技巧是必须给标签赋予相同的行号，以使它们彼此重叠。

在NativeScript布局中居中对齐和左右对齐

1 个答案: