title: Not able to get element's native view in NativeScript
body: <p>I am trying to change the width of some Switch elements in NativeScript with Angular because they are too small in my opinion. I have found that there is no way to do this through NativeScript's CSS subset so that means I have to make the change to the native object itself.</p>
  
  <p>To do this I have added a template reference variable to each one of the switches in my template like this:</p>
  
  <pre><code>&lt;Switch #switch checked="false"&gt;&lt;/Switch&gt;
  </code></pre>
  
  <p>Then in my class I try to access their <code>android</code> and <code>nativeView</code> properties like this:</p>
  
  <pre><code>@Component({
    selector: "Settings",
    moduleId: module.id,
    templateUrl: "./settings.component.html"
  })
  export class SettingsComponent implements AfterViewInit {
  
    @ViewChildren("switch") switches: QueryList&lt;ElementRef&gt;;
  
    constructor(public calc: CalculationService) {
    }
  
    ngAfterViewInit() {
      console.log("afterViewInit switches: ", this.switches.length);
  
      if(isAndroid) {
        this.switches.forEach(
          (item) =&gt; {
            const nelem = item.nativeElement;
            console.log(nelem.android);
            console.log(nelem.nativeView);
          }
        );
      }
    }
  }
  </code></pre>
  
  <p>But the two <code>console.log</code> statements where I'm accessing them just print <code>undefined</code>. How do I get the native view of the switches?</p>