Add a callback which gets called when we have a page ready. This has been added due to iOS limitation where code can't execute after application.run

rigor789 · rigor789 · commit fd2c061a9042 · 2017-11-17T22:14:46.000Z
diff --git a/platform/nativescript/plugins/navigator-plugin.js b/platform/nativescript/plugins/navigator-plugin.js
@@ -11,7 +11,11 @@ export default {
       return topmost().goBack()
     }
 
-    Vue.navigateTo = Vue.prototype.$navigateTo = function(component, options) {
+    Vue.navigateTo = Vue.prototype.$navigateTo = function(
+      component,
+      options,
+      pageCb = () => {}
+    ) {
       return new Promise(resolve => {
         const placeholder = Vue.$document.createComment('placeholder')
 
@@ -30,6 +34,8 @@ export default {
         const frame = topmost()
         const navigate = frame ? frame.navigate : start
 
+        pageCb(toPage)
+
         navigate.call(
           frame,
           Object.assign(
diff --git a/platform/nativescript/plugins/router-plugin.js b/platform/nativescript/plugins/router-plugin.js
@@ -107,13 +107,16 @@ export default {
 
           const initial = router.getMatchedComponents()[0]
 
-          this.$navigateTo(initial, {
-            context: { router },
-            clearHistory: true
-          }).then(page => {
-            // Todo: this callback never fires on iOS and causes an issue
-            router.pageStack.push(page)
-          })
+          this.$navigateTo(
+            initial,
+            {
+              context: { router },
+              clearHistory: true
+            },
+            page => {
+              router.pageStack.push(page)
+            }
+          )
         }
       }
     })
