nativescript - 如何在页面级别添加事件指示器？

Question

我想在我的登录页面中添加一个事件指示器小部件，但我希望它覆盖整个屏幕，这样我就可以防止双击登录按钮。

任何想法，谢谢!

Answer 1

如果将所有内容都包装在 GridLayout 中，请将 StackLayout 添加为要覆盖的行中的最后一项。默认情况下 StackLayout 将覆盖整个屏幕。然后您可以通过数据显示/隐藏。例如:

<GridLayout>
    <StackLayout>
        // All your page content goes here! 
    </StackLayout>
    <StackLayout class="dimmer" visibility="{{showLoading ? 'visible' : 'collapsed'}}"/>
    <GridLayout rows="*" visibility="{{showLoading ? 'visible' : 'collapsed'}}">
        <ActivityIndicator busy="true" />
    </GridLayout>
</GridLayout>

我有一个“调光器”StackLayout，我将其设置为半透明黑色，然后事件指示器位于顶部。