Vue.js 无法在NativeScript中的GridLayout内垂直对齐标签

我希望这个明星（最喜欢的）图标位于右下角

以下是完整的标记（Vue.js）：

这是带有显示星形（收藏夹）标签的块的标记

我试过：

• 指定显式列
• 在StackLayout中包装标签
• 为GridLayout指定100%的显式高度
• 指定标签的显式高度
• 使用带有GridLayout rows=“auto，*，auto”的中间空文本标签
• 重新编译所有内容，然后重新运行所有内容

标签似乎没有向下移动，什么都没有，娜达。我正在用一台运行iOS模拟器的Mac电脑上工作。无法在android模拟器上测试，因为我有一些包名称空间问题，目前无法在android上编译

更新日期：2019年9月16日

问题的核心：

---

收藏夹标签（GridView）的父项本身没有扩展到整个列表视图，因此垂直对齐不会将其带到下角

试试看

我试过这个代码，最喜欢的重叠在距离标签上。虽然我不明白如何在定义中有一行（rows=“*”）和网格内容中有两行的网格。我也尝试过*，*并且得到了相同的结果，奇怪的是它应该被分成两个相等的部分。它不应该与每个标签上不同的垂直对齐重叠。如果你有问题，请分享游乐场的例子，在那里可以复制。我已经用游乐场的例子更新了描述，它确实重叠。我只有iOS可供测试。奇怪的是，它应该在没有固定高度的情况下工作，但似乎只有在将固定高度设置为GridLayout时才工作。

<GridLayout col="3" row="0" rows="*" class="lastColumn">
  <Label class="distance" :text="place.distanceMeters+'m'" verticalAlignment="top"></Label>
  <Label v-if="place.favorite" :text="'fa-star' | fonticon" class="fa favorite" verticalAlignment="bottom"></Label>
</GridLayout>