There is a small bug in the SlideViewTransition.as so we have to set the direction to right on creationComplete for now.

ViewNavigatorSkin.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark"
		creationComplete="creationCompleteHandler(event)">
	<!-- host component -->
	<fx:Metadata>
		[HostComponent("spark.components.ViewNavigator")]
	</fx:Metadata>
	
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;

			protected function creationCompleteHandler(event:FlexEvent):void
			{
				defaultPopTransition.direction = "right";
			}

		]]>
	</fx:Script>
	
	<!-- states -->
	<s:states>
		<s:State name="landscapeAndOverlay" />
		<s:State name="portraitAndOverlay" />
		<s:State name="landscape" />
		<s:State name="portrait" />
		<s:State name="disabled" />
		<s:State name="normal" />
	</s:states>
	
	<fx:Declarations>
		<s:SlideViewTransition id="defaultPopTransition" />
		<s:SlideViewTransition id="defaultPushTransition" direction="left" />
	</fx:Declarations>
	
	<s:ActionBar id="actionBar" left="0" right="0" height="50" skinClass="skin.ActionBarSkin" />
	
	<s:Group left="0" right="0" top="50" bottom="0" id="contentGroup" />
	
</s:Skin>