Nativescript-vue用渐变色更改状态/通知栏颜色

Question

我正在尝试在Android和IOS中用渐变色更改通知栏。我正在将Nativescript-vue与Typescript一起使用。

我已使用以下代码以一种颜色进行更改：

const window = app.android.foregroundActivity.getWindow();
window.setStatusBarColor(new color.Color('#8969EB').android);
const decorView = window.getDecorView();
decorView.setSystemUiVisibility(android.view.View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);

我想知道如何在Android和IOS中都放置渐变色。

在我的应用程序中，ActionBar如下所示：

我在CSS中使用以下代码获得了该样式：

   <style scoped>
    .ab_gradient{
        background: linear-gradient(262.96deg, #335EEA -0.83%, #A46CEC 114.51%);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
        color: #FFFFFF;
    }   
   </style>

所以我要在上方的通知栏中使用渐变颜色的原因是，在通知栏和操作栏上使用一种渐变颜色。