Edit

Placeholder

<placeholder> allows you to add any native widget to your application. To do that, you need to put a Placeholder somewhere in the UI hierarchy and then create and configure the native widget that you want to appear there. Finally, pass your native widget to the event arguments of the creatingView event.

See also:

• Official top-level documentation
• Detailed API specification

---

import * as React from "react";
import { isIOS, isAndroid } from "tns-core-modules/platform/platform";

<placeholder
  onCreatingView={() => {
    if(isIOS){
      const nativeView = new UILabel();
      nativeView.text = "Native View - iOS";
      args.view = nativeView;
    } else if(isAndroid) {
      const nativeView = new android.widget.TextView(args.context);
      nativeView.setSingleLine(true);
      nativeView.setEllipsize(android.text.TextUtils.TruncateAt.END);
      nativeView.setText("Native View - Android");
      args.view = nativeView;
    } else {
      console.warn("Unsupported platform! Did they finally make NativeScript for desktop?");
    }
  }}
/>