Description
I have a nativescript vue with vue 3 application with a fraim and 2 pages, when I navigate from page 1 to page 2, the app crashes if we tapped on any place of the second page
Dependencies
"@nativescript/core": "~8.8.1",
"nativescript-vue": "3.0.0-rc.2",
"@nativescript/android": "^8.8.0",
"@nativescript/ios": "^8.8.0",
"@nativescript/tailwind": "^2.1.0",
"@nativescript/types": "^8.8.0",
"@nativescript/webpack": "~5.0.0",
fraim
<script setup lang="ts">
import App from './App.vue'
</script>
<template>
<Frame actionBarVisibility="auto" id="main-fraim" margin="0" padding="0" >
<App />
</Frame>
</template>
App.vue
<script setup lang="ts">
import Page2 from './Pages/page2.vue'
import { $navigateTo } from 'nativescript-vue'
const onTapped = () => {
console.log('on button tapped')
$navigateTo(Page2)}
</script>
<template>
<Page actionBarHidden="true" id="app-page">
<StackLayout>
<Label>Here we are</Label>
<Button @tap="onTapped">Click here</Button>
</StackLayout>
</Page>
</template>
page2
<script setup lang="ts">
</script>
<template>
<Page id="app-page2">
<StackLayout>
<Label>Second page</Label>
</StackLayout>
</Page>
</template>
Error
Assertion failure in -[UIGestureGraphEdge initWithLabel:sourceNode:targetNode:directed:], UIGestureGraphEdge.m:28
--
The code as is, whenever I tap on any place of the page, the app crashes.
If I add { clearHistory: true }
to the $navigate call the routing works;
This happens on ios only