如何在中心和内部的框中插入活动指示器，里面有加载器

Question

我正在尝试在我的 Vue 本机应用程序中实现活动指示器，但不幸的是，我可以实现它，因为它没有向我显示活动指示器。

这是我测试过的代码

<AbsoluteLayout height="100%" width="100%">
<ActivityIndicator class="indicator" :busy="isLoading" :visibility=" isLoading ? 'visible' : 'collapse'" row="1" horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator>     
<ActivityIndicator :busy="isLoading" horizontalAlignment="center" verticalAlignment="center" :visibility="isLoading? 'visible':'collapse'"></ActivityIndicator>
</AbsoluteLayout>

Answer 1

检查你的 isLoad 变量，也许它永远不会切换到 true

Answer 2

<GridLayout rows="500" columns="500">
<ActivityIndicator row="0" col="0" class="indicator" busy="true" visibility="visible"  horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator>
</GridLayout>

但是，如果我让它动态化，它就不起作用，并且总是遇到加载器在加载时填满屏幕但不起作用的问题

Answer 3

只需使用GridLayout，不要为此目的使用 AbsoluteLayout。如果您仍有问题，请发布完整的代码或可能的 Playground 示例。

如果您更喜欢在内容顶部显示更像模式的进度对话框，请使用 nativescript-load-indicator-ssi 或 nativescript-load-indicator