The components and ViewStack TabNavigator

The components and ViewStack TabNavigator in flex is quite simple but some of my flex developer friends are getting some problem while creating this component this code is usefule if you want to use it to interface a page or screen. the best way to use a component of this type is tabnavigator component.

Here is an example of using TabNavigator which incorporates

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
    <mx:TabNavigator width="400" height="240">
        <mx:Form label="Nom" icon="@Embed(source='./application_form.png')">
            <mx:FormItem label="Prénom">
                <mx:TextInput id="first"/>
            </mx:FormItem>
            <mx:FormItem label="Middle Name">
                <mx:TextInput id="middle"/>
            </mx:FormItem>
            <mx:FormItem label="Last Name">
                <mx:TextInput id="last"/>
            </mx:FormItem>
        </mx:Form>
        <mx:Form label="Commentaires" width="100%" height="100%">
            <mx:FormItem label="Commentaires">
                <mx:TextArea width="200" height="100" id="comments"/>
            </mx:FormItem>
        </mx:Form>
    </mx:TabNavigator>
</mx:Application>