MainView.ux

<App>
	<!-- Set Router -->
	<Router ux:Name="router" />

	<!-- Set Router Function -->
	<JavaScript>
		module.exports = {
			gotoSplash: function() {
				router.goto("Splash");
			},
			gotoIndex: function() {
				router.goto("Index");
			},
			gotoProfile: function() {
				router.goto("Profile");
			}
		};
	</JavaScript>

	<!-- Set Navigation using router -->
	<ClientPanel>
		<Navigator DefaultTemplate="Splash">
			<Splash ux:Template="Splash" router="router" />
			<Index ux:Template="Index" router="router" />
			<Profile ux:Template="Profile" router="router" />
		</Navigator>
	</ClientPanel>

	<!-- For Android's Virtual keys -->
	<Panel Dock="Bottom">
		<BottomBarBackground Dock="Bottom"/>
	</Panel>
</App>