Native mobile applications using Vue and NativeScript.
$showModal changesIf a closeCallback is passed to the $showModal options, it will now be called with all the arguments passed to $modal.close or $closeModal. Previously this was never called.
The props types are automatically inferred unless there's a first generic passed in.
/* Without a generic */
$showModal(Home, {
props: {
// this infers props/events from the "Home" component and provides intellisense.
},
closeCallback(data, ...args) {
// data type is any
// args type is any[]
}
}).then(data => {
// data type is any
});
/* With a generic */
type Example = { foo: string; };
$showModal<Example>(Home, {
props: {
// this is `any` because we explicitly passed in `<Example>` as the generic above.
}
closeCallback(data, ...args) {
// data type is Example
// args type is any[]
// this is called with the closeModal data + additional args
}
}).then(data => {
// data type is Example
// this is called with only the 1st argument passed to closeModal because promises can't resolve multiple values.
});
$navigateTo changesSimilarly to $showModal the type of props is now inferred.
Full Changelog: https://github.com/nativescript-vue/nativescript-vue/compare/3.0.0-rc.1...3.0.0-rc.2
el.nativeView reactivity oddities by @vallemar in https://github.com/nativescript-vue/nativescript-vue/pull/1044
Full Changelog: https://github.com/nativescript-vue/nativescript-vue/commits/3.0.0-rc.1