<?xml version="1.0" encoding="utf-8"?>
<components:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:f="library://ns.feathersui.com/mxml"
  theme="feathers.themes.MetalWorksDesktopTheme"
  creationComplete="creationCompleteHandler()"
  xmlns:components="feathers.extensions.tabbedApplication.*"
  swipeView="true"
  persistNavigatorState="true"><!-- dragTab="true" swipeNavigator="true" keyCode="left" tabBarAutoHide="false" tabBarAlign="bottom" bottom="100" top="100" left="50" right="50" -->
 
  <fx:Script>
    <![CDATA[
          private function creationCompleteHandler():void
          {
            var data:Object = { volume: 0.8, difficulty: "hard" };
            this.addElement("one", ViewA, data);
            this.addElement("two", ViewA, data);
          }
    ]]>
  </fx:Script>
</components:TabbedViewNavigatorApplication>

<?xml version="1.0" encoding="utf-8"?>
<components:View xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:f="library://ns.feathersui.com/mxml"
  creationComplete="creationCompleteHandler()"
  xmlns:components="feathers.extensions.tabbedApplication.*">

  <fx:Script>
    <![CDATA[
          private function creationCompleteHandler():void
          {
            if(this.data) trace("difficulty : "+this.data.difficulty);
            trace(owner.activeScreenID);
            if(this.data) trace("test : "+this.data.test);
          }
          private function button_triggeredHandler( event:Event ):void
          {
            owner.pushView( ViewB );
          }
          private function button2_triggeredHandler( event:Event ):void
          {
            owner.popView();
          }
          private function button3_triggeredHandler( event:Event ):void
          {
            if(!this.data) this.data = {};
            this.data.test = "test";
            trace("add test : "+this.data.test);
          }
    ]]>
  </fx:Script>
 
  <f:LayoutGroup>
    <f:layout>
          <f:HorizontalLayout gap="10"/>
    </f:layout>
   
    <f:Button label="Go to View B" triggered="button_triggeredHandler(event)"/>
    <f:Button label="Pop view" triggered="button2_triggeredHandler(event)"/>
    <f:Button label="Add "test" data" triggered="button3_triggeredHandler(event)"/>
  </f:LayoutGroup>

</components:View>

<?xml version="1.0" encoding="utf-8"?>
<components:View xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:f="library://ns.feathersui.com/mxml"
  creationComplete="creationCompleteHandler()"
  xmlns:components="feathers.extensions.tabbedApplication.*">
 
  <fx:Script>
    <![CDATA[
          private function creationCompleteHandler():void
          {
            //
          }
          private function button_triggeredHandler( event:Event ):void
          {
            owner.pushView( ViewC );
          }
          private function button2_triggeredHandler( event:Event ):void
          {
            owner.popView();
          }
    ]]>
  </fx:Script>
 
  <f:LayoutGroup>
    <f:layout>
          <f:HorizontalLayout gap="10"/>
    </f:layout>
   
    <f:Button label="Go to View C" triggered="button_triggeredHandler(event)"/>
    <f:Button label="Pop view" triggered="button2_triggeredHandler(event)"/>
  </f:LayoutGroup>

</components:View>

<?xml version="1.0" encoding="utf-8"?>
<components:View xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:f="library://ns.feathersui.com/mxml"
  creationComplete="creationCompleteHandler()"
  xmlns:components="feathers.extensions.tabbedApplication.*">
 
  <fx:Script>
    <![CDATA[
          private function creationCompleteHandler():void
          {
            //
          }
          private function button_triggeredHandler( event:Event ):void
          {
            owner.pushView( ViewA );
          }
          private function button2_triggeredHandler( event:Event ):void
          {
            owner.popView();
          }
    ]]>
  </fx:Script>
 
  <f:LayoutGroup>
    <f:layout>
          <f:HorizontalLayout gap="10"/>
    </f:layout>
   
    <f:Button label="Go to View A" triggered="button_triggeredHandler(event)"/>
    <f:Button label="Pop view" triggered="button2_triggeredHandler(event)"/>
  </f:LayoutGroup>

</components:View>