LucaswDeveloper
diff --git a/‎dist/index.js
Lines changed: 151 additions & 47 deletions b/‎dist/index.js
Lines changed: 151 additions & 47 deletions
diff --git a/‎dist/index.js.map
Lines changed: 1 addition & 1 deletion b/‎dist/index.js.map
Lines changed: 1 addition & 1 deletion
diff --git a/‎platform/nativescript/element-registry.js
Lines changed: 3 additions & 0 deletions b/‎platform/nativescript/element-registry.js
Lines changed: 3 additions & 0 deletions
diff --git a/‎platform/nativescript/runtime/components/action-bar.js
Lines changed: 36 additions & 5 deletions b/‎platform/nativescript/runtime/components/action-bar.js
Lines changed: 36 additions & 5 deletions
@@ -85,7 +85,10 @@ registerElement("ListPicker", () => require("ui/list-picker").ListPicker, {
         event: 'selectedIndexChange'
     }
 });
+registerElement("NativeActionBar", () => require("ui/action-bar").ActionBar);
+registerElement("NativeActionItem", () => require("ui/action-bar").ActionItem);
 registerElement("NativeListView", () => require("ui/list-view").ListView);
+registerElement("NativeNavigationButton", () => require("ui/action-bar").NavigationButton);
 registerElement("Page", () => require("ui/page").Page, {
     skipAddToDom: true
 });
 
@@ -1,15 +1,46 @@
+import { warn } from 'core/util/debug'
+
 export default {
     name: 'action-bar',
 
-    template: `<native-action-bar></native-action-bar>`,
-
-    props: {},
+    template: `<native-action-bar ref="actionBar"><slot></slot></native-action-bar>`,
 
-    created() {
+    props: {
+        title: {
+            type: String,
+            required: false
+        }
     },
 
     mounted() {
+        this.$nextTick(() => {
+            if (this.$root.$el.tagName !== 'page') {
+                warn('Make sure you are placing the <ActionBar> component as a direct child of a <Page> element.')
+                return
+            }
+
+            const page = this.$root.$el.nativeView
+
+            page.actionBar = this.$refs.actionBar.nativeView
+            page.actionBarHidden = false
+            if (this.title) {
+                this.$refs.actionBar.setAttribute('title', this.title)
+            }
+        })
+    },
+
+    watch: {
+        title(newVal) {
+            this.$refs.actionBar.setAttribute('title', newVal)
+        }
     },
 
-    methods: {}
+    methods: {
+        registerActionItem(actionItem) {
+            this.$refs.actionBar.nativeView.actionItems.addItem(actionItem)
+        },
+        registerNavigationButton(navigationButton) {
+            this.$refs.actionBar.nativeView.navigationButton = navigationButton
+        }
+    }
 }