任何想法，例如使用Nativescript重新加载页面的示例

Question

我要搜索一个使用Nativescript重新加载页面的示例。

我的应用程序需要一些时间来搜索服务中的搜索数据，我正在等待几秒钟以显示所有数据，为此，我认为放置“重新加载”页面是一个好主意。我有一张可以证明自己想要的图像。

您是否知道如何实现重新加载页面？

感谢

Answer 1

将*ngIf放在要隐藏的所有内容上，直到加载完成，然后在ActivityIndicator上添加相反的逻辑，即可轻松实现。

这里是实现它的示例

<StackLayout width="100%" height="100%" orientation="vertical" horizontalAlignment="center">
    <StackLayout *ngIf="isLoading" class="vertical-center horizontal-center">
        <ActivityIndicator [busy]="isLoading">
        </ActivityIndicator>
    </StackLayout>
    <StackLayout *ngIf="!isLoading">
        ... your page content here
    </StackLayout>
</StackLayout>

和一点CSS

.vertical-center {
    margin-top: 50%;
    margin-bottom: 50%;
}

.horizontal-center {
    margin-left: 50%;
    margin-right: 50%;
}