Placeholder: A widget that allows adding native views to the visual tree.

apps/placeholder-demo/app.ts

@@ -0,0 +1,3 @@
+import application = require("application");
+application.mainModule = "main-page";
+application.start();

apps/placeholder-demo/main-page.android.ts

@@ -0,0 +1,7 @@
+import placeholder = require("ui/placeholder");
+
+export function creatingView(args: placeholder.CreateViewEventData) {
+    var nativeView = new android.widget.LabelView(args.context);
+    nativeView.setText("Native");
+    args.view = nativeView;
+}

apps/placeholder-demo/main-page.ios.ts

@@ -0,0 +1,7 @@
+import placeholder = require("ui/placeholder");
+
+export function creatingView(args: placeholder.CreateViewEventData) {
+    var nativeView = new UILabel();
+    nativeView.text = "Native";
+    args.view = nativeView;
+}

apps/placeholder-demo/main-page.xml

@@ -0,0 +1,5 @@
+<Page xmlns="http://www.nativescript.org/tns.xsd">
+  <StackLayout>
+    <Placeholder creatingView="creatingView"/>
+  </StackLayout>
+</Page>

apps/placeholder-demo/package.json

@@ -0,0 +1,2 @@
+{ "name" : "template-hello-world",
+  "main" : "app.js" }