Nativescript - 如何隐藏底部的菜单？

Question

我有这两个图像，其中一个在另一个上面:(推特图像和黑色图像）：

黑色图片应隐藏在底部 - 当用户点击推特页面时 - 黑色菜单应从底部滑入 。

黑色图像位于中间（在另一个图像的顶部），因为外部Gridview没有任何行 - 因此所有内容都被放置为z索引堆栈：

<GridLayout   columns="*"  >
 <GridLayout slide-out>
        <Image src="~/images/page.png"    ></Image>
    </GridLayout>

    <StackLayout slide-in class="slide b" height="300" >
        <Image   src="~/images/replies.png" "></Image>
    </StackLayout>
</GridLayout>

但黑色图像（由Stacklayout持有）应隐藏在底部，如下所示：

是否可以通过css将其隐藏在底部？

到目前为止我尝试了什么？

如您所见，Stacklayout上有一个指令（名为slide-in）：

所以我在启动时设置了marginBottom：

 constructor(el: ElementRef) {
        this.element.nativeElement.marginBottom = 0;
    }

但Stacklayout保持不变（在中间）/

如果我设置

 this.element.nativeElement.marginBottom = -screen.mainScreen.heightDIPs;

它显示：

但它应该完全隐藏在底部

问题：

如何将其隐藏在底部？

Answer 1

在y轴上使用translate，因此translate-y = -400也将不透明度设置为0，并使用视图组件的动画API为这两个属性设置动画，以便为其设置动画。我在开发日的演讲涵盖了这个，这个例子是我的回购。现在打电话或者我联系它。