Merge branch 'fix/segmentedBar'

demo/app/App.svelte

@@ -7,6 +7,7 @@
                 <stackLayout>
                     <label text="ListView" class:current={$current_page == ListViewPage} padding="10" on:tap="{() => gotoPage(ListViewPage)}" />
                      <label text="Tabs" class:current={$current_page == TabsPage} padding="10" on:tap="{() => gotoPage(TabsPage)}" />
+                     <label text="SegmentedBar" class:current={$current_page == SegmentedBarPage} padding="10" on:tap="{() => gotoPage(SegmentedBarPage)}" />
                 </stackLayout>
             </scrollView>
         </gridLayout>
@@ -21,6 +22,7 @@
     import * as nav from './Nav'
     import ListViewPage from './pages/ListViewPage.svelte'
     import TabsPage from './pages/TabsPage.svelte'
+    import SegmentedBarPage from './pages/SegmentedBarPage.svelte'
 
     function gotoPage(page) {
         drawer.closeDrawer();

demo/app/pages/SegmentedBarPage.svelte

@@ -0,0 +1,19 @@
+<script>
+  import Header from "../Header.svelte";
+  let show = true
+</script>
+
+<page>
+  <Header title="Segmented Bar" />
+
+  <stackLayout class="p-20">
+  <button text="Tap me twice" on:tap="{() => show=!show}" />
+  {#if show}
+    <segmentedBar>
+        <segmentedBarItem title="Test 1" />
+        <segmentedBarItem title="Test 2" />
+        <segmentedBarItem title="Test 3" />
+    </segmentedBar>
+    {/if}
+  </stackLayout>
+</page>

demo/package.json

@@ -33,8 +33,8 @@
     "nativescript-dev-webpack": "1.3.0",
     "svelte": "~3.16.4",
     "svelte-loader": "halfnelson/svelte-loader#fix-virtual-purge",
-    "svelte-native-preprocessor": "~0.1.4",
+    "svelte-native-preprocessor": "~0.1.6",
     "typescript": "3.7.2"
   },
   "readme": "NativeScript Application"
-}
+}

src/dom/native/NativeElementNode.ts

@@ -19,7 +19,11 @@ function setOnArrayProp(parent: any, value: any, propName: string, build: (value
     if (!current || !current.push) {
         parent[propName] = build ? build(value) : [value];
     } else {
-        current.push(value)
+        if (current instanceof ObservableArray) {
+            current.push(value)
+        } else {
+            parent[propName] = [...current, value];
+        }
     }
 }