nativescript - 在 iOS 上使 NativeScript ListView 透明

Question

我正在尝试获取 NativeScript <ListView>在 iOS 上保持透明，但我失败了。我在 https://groups.google.com/forum/#!topic/nativescript/-MIWcQo-l6k 上找到了有关该主题的旧线程，但是当我尝试解决方案时，它对我不起作用。这是我的完整代码:

/* app.css */
Page { background-color: black; }

<!-- main-page.xml -->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="loaded">
  <ListView id="list-view" items="{{ items }}" itemLoading="itemLoading">
    <ListView.itemTemplate>
      <Label text="{{ name }}" />
    </ListView.itemTemplate>
  </ListView>
</Page>

// main-page.js
var ios = require("utils/utils");
var Observable = require("data/observable").Observable;
var ObservableArray = require("data/observable-array").ObservableArray;

var page;
var items = new ObservableArray([]);
var pageData = new Observable();

exports.loaded = function(args) {
  page = args.object;
  page.bindingContext = pageData;

  // Toss a few numbers in the list for testing
  items.push({ name: "1" });
  items.push({ name: "2" });
  items.push({ name: "3" });

  pageData.set("items", items);
};

exports.itemLoading = function(args) {
  var cell = args.ios;
  if (cell) {
    // Use ios.getter for iOS 9/10 API compatibility
    cell.backgroundColor = ios.getter(UIColor.clearColor);
  }
}

任何帮助，将不胜感激。谢谢!

Answer 1

不要忘记将 ListView 设置为透明，它本身似乎有一个背景色

    ListView{
        background-color: transparent;
    }