Create/mount all native views after app.start (nativescript-vue#28)

Alexander Vakrilov · rigor789 · commit ccda251a7326 · 2017-07-09T15:43:28.000+02:00
Resolves nativescript-vue#24
diff --git a/platform/nativescript/runtime/index.js b/platform/nativescript/runtime/index.js
@@ -39,15 +39,18 @@ Vue.prototype.$start = function () {
 }
 
 const mount = function (el, hydrating) {
-    mountComponent(this, el, hydrating)
-
     if (this.__is_root__) {
-        let view = this.$el.nativeView
+        const self = this
         start({
             create() {
-                return view
+                // Call mountComponent in the create callback when the IOS app loop has started
+                // https://github.com/rigor789/nativescript-vue/issues/24
+                mountComponent(self, el, hydrating)
+                return self.$el.nativeView;
             }
         })
+    } else {
+        mountComponent(this, el, hydrating)
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -39,15 +39,18 @@ Vue.prototype.$start = function () {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`const mount = function (el, hydrating) {`
`42`		`- mountComponent(this, el, hydrating)`
`43`		`-`
`44`	`42`	`if (this.__is_root__) {`
`45`		`- let view = this.$el.nativeView`
	`43`	`+ const self = this`
`46`	`44`	`start({`
`47`	`45`	`create() {`
`48`		`- return view`
	`46`	`+ // Call mountComponent in the create callback when the IOS app loop has started`
	`47`	`+ // https://github.com/rigor789/nativescript-vue/issues/24`
	`48`	`+ mountComponent(self, el, hydrating)`
	`49`	`+ return self.$el.nativeView;`
`49`	`50`	`}`
`50`	`51`	`})`
	`52`	`+ } else {`
	`53`	`+ mountComponent(this, el, hydrating)`
`51`	`54`	`}`
`52`	`55`	`}`
`53`	`56`