rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added example bottom tabs

Browse source
This commit is contained in:
Joel Collins 2019-04-25 15:53:37 +01:00
parent 2e280b6bbf
commit a993a94649
1 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/App.native.vue
View file

@ -1,9 +1,18 @@
<template> <template>
<Page> <Page>
<ActionBar title="OpenFlexure Native Demo"/> <ActionBar title="OpenFlexure Native Demo"/>
<GridLayout rows="auto, auto"> <TabView id="tabViewContainer" androidTabsPosition="bottom">
<Label class="message" text="No content currently ported" row="0" horizontalAlignment="center"/> <TabViewItem title="First Tab" iconSource="res://icon">
</GridLayout> <StackLayout>
<Label text="First tab content" textWrap="true" class="m-15 h2 text-left" color="blue" />
</StackLayout>
</TabViewItem>
<TabViewItem title="Second Tab" iconSource="res://icon">
<StackLayout>
<Label text="Second tab content" textWrap="true" class="m-15 h2 text-left" color="blue" />
</StackLayout>
</TabViewItem>
</TabView>
</Page> </Page>
</template> </template>
@ -35,4 +44,5 @@ export default {
} }
</script> </script>
<style></style> <style>
</style>