From a993a946490c3fe7f5229b06f3eb119d697bd728 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 25 Apr 2019 15:53:37 +0100
Subject: [PATCH] Added example bottom tabs

---
 src/App.native.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/App.native.vue b/src/App.native.vue
index 70c6fd48..d5419a98 100644
--- a/src/App.native.vue
+++ b/src/App.native.vue
@@ -1,9 +1,18 @@
 <template>
   <Page>
     <ActionBar title="OpenFlexure Native Demo"/>
-    <GridLayout rows="auto, auto">
-      <Label class="message" text="No content currently ported" row="0" horizontalAlignment="center"/>
-    </GridLayout>
+    <TabView id="tabViewContainer" androidTabsPosition="bottom">
+        <TabViewItem title="First Tab" iconSource="res://icon">
+            <StackLayout>
+                <Label text="First tab content" textWrap="true" class="m-15 h2 text-left" color="blue" />
+            </StackLayout>
+        </TabViewItem>
+        <TabViewItem title="Second Tab" iconSource="res://icon">
+            <StackLayout>
+                <Label text="Second tab content" textWrap="true" class="m-15 h2 text-left" color="blue" />
+            </StackLayout>
+        </TabViewItem>
+    </TabView>
   </Page>
 </template>
 
@@ -35,4 +44,5 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+</style>
\ No newline at end of file