<navigation:ExamplePage xmlns:navigation="navigation/example-page" xmlns:img="nativescript-image" loaded="onPageLoaded" xmlns:lv="nativescript-ui-listview" xmlns="http://www.nativescript.org/tns.xsd">
    <GridLayout orientation="vertical">
     <!-- >> listview-pull-to-refresh-xml -->
        <lv:RadListView items="{{ dataItems }}" pullToRefresh="true" pullToRefreshInitiated="{{onPullToRefreshInitiated}}">
     <!-- << listview-pull-to-refresh-xml -->
            <lv:RadListView.itemTemplate>
              <StackLayout orientation="vertical" padding="5 10 5 10"  style="background-color: #7fff7f;">
                <StackLayout orientation="horizontal" padding="10" style="background-color: #65a565;">
                    <img:Img height="100" width="80" src="{{ image }}"/>
                    <StackLayout orientation="vertical" marginLeft="15">
                        <Label fontSize="20" text="{{ name }}" marginBottom="8"/>
                        <Label fontSize="14" text="{{ title }}" style="font-weight: bold;" textWrap="true"/>
                        <Label fontSize="12" text="{{ text }}" color="White" textWrap="true"/>
                    </StackLayout>
                </StackLayout>
              </StackLayout>
            </lv:RadListView.itemTemplate>
        </lv:RadListView>
    </GridLayout>
</navigation:ExamplePage>
