ToggleSwitch display error

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:local="*"
applicationDPI="480">

<s:TabbedViewNavigator width="100%" height="100%">
<local:VM/>
</s:TabbedViewNavigator>
</s:Application>

VM.MXML
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigator xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%"
firstView="view" cacheAsBitmap="true" cacheAsBitmapMatrix="

{new Matrix()}">

</s:ViewNavigator>


view.mxml


<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="view" cacheAsBitmap="true" cacheAsBitmapMatrix="{new Matrix()}

">

<s:ToggleSwitch/>
</s:View>