如果两个水平对齐的项目（名称和价格），请避免与NativeScript GridLayout文本重叠

我按照说明将两个水平对齐的项目左对齐和右居中对齐。现在的问题是，我的商品名称文本太长，这意味着它与商品价格重叠

此图很容易说明这一点：

实际代码为：

---

GridLayout

是一种方法，还是有更好的方法呢？

一个GridLayout就是这个方法。我使用Angular，因此我的绑定语法有点不同，但您希望执行以下操作：

<GridLayout rows="auto" columns="*,auto">
        <Label col="0" row="0" textWrap="true" horizontalAlignment="left" [text]="item.title"></Label>
        <Label col="1" row="0" horizontalAlignment="right" [text]="'$'+item.price"></Label>
    </GridLayout>

使用

columns=“*，auto”

这将使列0占用剩余空间，而列1只占用所需空间。因此，价格将占用一小部分空间，并将剩余空间留给标题。然后将

textWrap=“true

添加到标题中

如果您的

GridLayout

有多行，则需要将标题

标签

a

rowSpan=“2”

放入下一行而不被切断

希望这有帮助