Как реализовать индикатор активности в поле в центре и внутри есть загрузчик

Question

Я пытаюсь реализовать индикатор активности в своем приложении Vue Native, но, к сожалению, я могу этого добиться, потому что он не показывает мне индикатор активности.

Это код, который я тестировал

<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

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

Но если я сделаю его динамичным, он не будет работать и всегда будет иметь проблему с загрузчиком, чтобы заполнить экран во время загрузки, но не будет работать

Answer 2

Просто используйте GridLayout, не используйте AbsoluteLayout для этой цели. Если у вас все еще есть проблемы, пожалуйста, опубликуйте полный код или, возможно, образец Playground.

Если вы предпочитаете диалог прогресса, который отображается скорее как модальный поверх вашего контента, тогда используйте nativescript-loading-индикатор-ssi или индикатор загрузки nativescript

Answer 3

Проверьте переменную isLoading, возможно, она никогда не переключится в true