Как настроить стиль индикатора Pull-To-Refresh в NativeScript / Vue?

Question

Я пытаюсь настроить стиль индикатора Pull-To-Refresh в приложении NativeScript / Vue. Кажется, нет примера кода для Vue. Я попытался поместить следующий код, адаптированный из Angular, при запуске приложения возникли ошибки.

<RadListView.pullToRefreshStyle>
    <PullToRefreshStyle indicatorColor="white" indicatorBackgroundColor="blue"/>
</RadListView.pullToRefreshStyle>

Кто-нибудь может предложить рабочий пример или обновить следующую страницу? https://docs.nativescript.org/vuejs/ns-ui/ListView/pull-to-refresh

На заметку, согласно документу здесь: https://docs.nativescript.org/ns-ui-api-reference/classes/pulltorefreshstyle

Можно настроить только цвет и цвет фона. Есть ли способ обойти это изменение размера индикатора?

Единственный способ, которым я могу придумать, это установить прозрачность переднего и заднего фона индикатора, а затем использовать уровень активности ActivityIndicator.

Answer 1

Просто установите атрибуты на pullToRefreshStyle свойство

HTML

<RadListView :pullToRefreshStyle="pullToRefreshStyle">

Сценарий

import * as colorModule from "tns-core-modules/color";

data() {
        return {
            pullToRefreshStyle: {
                indicatorColor: new colorModule.Color("red"),
                indicatorBackgroundColor: new colorModule.Color("green")
            }
        };
}