在ios上将RadListView ItemTemplate设置为透明

Question

我在制作RadListView ItemTemplate透明版时遇到了麻烦。我试图使xml中的每个元素透明，但没有任何效果。

我也试过这个代码，但它不是透明的，它只是浅红色。

Xml代码

<lv:RadListView 
    ...
    itemLoading="onItemLoading"
    backgroundColor="transparent">

    <lv:RadListView.listViewLayout backgroundColor="transparent">
        <lv:ListViewLinearLayout itemInsertAnimation="Default" itemDeleteAnimation="Default" backgroundColor="transparent" />
    </lv:RadListView.listViewLayout>

    <lv:RadListView.itemTemplate backgroundColor="transparent">
        ...
    </lv:RadListView.itemTemplate>

    <lv:RadListView.itemSwipeTemplate backgroundColor="transparent">
        ...
    </lv:RadListView.itemSwipeTemplate>
</lv:RadListView>

Javascript代码

exports.onItemLoading = function(args){
    if(page.ios){
        args.view.backgroundColor = new colorModule.Color(20,255,0,0);
    }
};

当我向左或向右滑动项目时，我可以看到背景的一部分。

问题：如何从RadListView中删除“默认”白色背景

Answer 1

我找到了解决我的问题的办法。

问题是，我需要设置backgroundView的backgroundView，而不是iOS中的视图。

exports.onItemLoading = function(args){
    if(page.ios){
        args.ios.backgroundView.backgroundColor = new colorModule.Color(20,255,0,0);
    }
};

Answer 2

确保在CSS中也将background-color的RadListView设置为"transparent"。

<lv:RadListView
  backgroundColor="transparent"
  ...
</lv:RadListView>

您可以在杂货示例中看到一个具有透明背景的RadListView示例，以供参考https://github.com/NativeScript/sample-Groceries。