Nav.ts

import { navigate } from '@nativescript-community/svelte-native'
import { writable } from 'svelte/store'
import RadSideDrawerElement from '@nativescript-community/svelte-native-nativescript-ui/sidedrawer';
import { Trace } from '@nativescript/core'


export let current_page = writable(null);
let nav_frame;
let drawer: RadSideDrawerElement;

export function init(navFrame, navDrawer: RadSideDrawerElement, startPage) {
    nav_frame = navFrame;    
    drawer = navDrawer;
    current_page.set(startPage)
}

export function goto(view, props)  {
    current_page.set(view);
    navigate({
       page: view,
       props: props,
       clearHistory: true,
       frame: nav_frame
    });
}

export function toggleDrawer() {
    drawer.toggleDrawerState();
}