Placeholder · React NativeScript

<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?");
    }
  }}
/>