如何在nativescript中制作tap-blocking叠加层?

时间:2016-10-19 14:00:55

标签: android ios layout nativescript angular2-nativescript

我正在创建一个自定义对话框弹出窗口,叠加很好,除了我的水龙头经过它。有没有办法让布局轻敲?像按钮一样。无法真正监听所有手势并手动控制它们,这意味着我必须在所有其他布局中阻止它们。不想使用自定义对话框功能,因为TIP: By design on iPhone, a modal page appears only in full screen我希望尽量减少android和ios之间的差异。

示例代码:

    <AbsoluteLayout>

        <StackLayout class="content-wrapper">
            <router-outlet></router-outlet>
        </StackLayout>

        <StackLayout class="custom-dialog">
            <Label text="Loading..." textWrap="true"></Label>
        </StackLayout>

    </AbsoluteLayout>

1 个答案:

答案 0 :(得分:0)

从我的角度来看,只是为该任务找到了最佳解决方案。

只需实现用于覆盖布局的虚拟触摸处理程序即可。

下一个将用于NativeScript Core实现(可以将其简单地移植到NativeScript Angular&Vue中):

XML

SHOW WARNINGS

TypeScript

   <GridLayout>

        <StackLayout class="content">
            <Label text="Some content" textWrap="true"></Label>
        </StackLayout>

        <StackLayout class="overlay" touch="onOverlayDummyTouch">
            <Label text="Loading..." textWrap="true"></Label>
        </StackLayout>

    </GridLayout>