装载机中央和内部的框中如何实现活动指示器

时间:2019-10-14 12:08:20

标签: javascript vue.js nativescript

我正在尝试在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>

3 个答案:

答案 0 :(得分:0)

检查您的isLoading变量,也许永远不会切换为true

答案 1 :(得分:0)

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

但是,如果我将其设为动态,它将无法正常工作,并且始终会出现装载程序在装载时填满屏幕但无法正常工作的问题

答案 2 :(得分:0)

只需使用GridLayout,请勿为此目的使用AbsoluteLayout。如果仍有问题,请发布完整的代码或Playground示例。

如果您希望在内容顶部更像模式显示进度对话框,请使用nativescript-loading-indicator-ssinativescript-loading-indicator