title: Make a NativeScript ListView Transparent on iOS
body: <p>I’m trying to get a NativeScript <code>&lt;ListView&gt;</code> to be transparent on iOS and I’m failing. I found an old thread on the topic at <a href="https://groups.google.com/forum/#!topic/nativescript/-MIWcQo-l6k" rel="noreferrer">https://groups.google.com/forum/#!topic/nativescript/-MIWcQo-l6k</a>, but when I try the solution it doesn’t work for me. Here’s my complete code:</p>
  
  <pre><code>/* app.css */
  Page { background-color: black; }
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;!-- main-page.xml --&gt;
  &lt;Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="loaded"&gt;
    &lt;ListView id="list-view" items="{{ items }}" itemLoading="itemLoading"&gt;
      &lt;ListView.itemTemplate&gt;
        &lt;Label text="{{ name }}" /&gt;
      &lt;/ListView.itemTemplate&gt;
    &lt;/ListView&gt;
  &lt;/Page&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>// 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);
    }
  }
  </code></pre>
  
  <p>Any help would be appreciated. Thanks!</p>