svelte-native/demo/app/App.svelte at 6.2 · hmmhmmhm/svelte-native

Repository navigation

<radSideDrawer.drawerContent>

<label row="0" padding="10" class="h2" horizontalAlignment="left">Examples</label>

<label row="0" class="fas h2" text="" padding="10" horizontalAlignment="right" on:tap={() => drawer.closeDrawer()} />

<label text="ListView" class:current={$current_page == ListViewPage} padding="10" on:tap="{() => gotoPage(ListViewPage)}" />

<label text="Tabs" class:current={$current_page == TabsPage} padding="10" on:tap="{() => gotoPage(TabsPage)}" />

</stackLayout>

</scrollView>

</gridLayout>

</radSideDrawer.drawerContent>

<radSideDrawer.mainContent>

</radSideDrawer.mainContent>

</radSideDrawer>

import { onMount } from 'svelte'

import * as nav from './Nav'

import ListViewPage from './pages/ListViewPage.svelte'

import TabsPage from './pages/TabsPage.svelte'

function gotoPage(page) {

drawer.closeDrawer();

nav.goto(page);

}

let drawer;

let current_page = nav.current_page

onMount(() => {

nav.init("navframe", drawer, ListViewPage)

})

</script>

<style>

.current {

font-weight: bold;

}

</style>