如何在NativeScript / Vue中自定义“推入刷新”指示器样式？

Question

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

只能自定义颜色和背景色。反正有没有办法解决指标的这种变化大小？

我唯一想到的方法是将指标的前景和背景都设置为透明，然后使用页面级的activityIndi​​cator。

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")
            }
        };
}