<Page xmlns="http://schemas.nativescript.org/tns.xsd"
      xmlns:app="."
      loaded="pageLoaded">
  <GridLayout rows="auto, *" columns="300, *">
    <Label text="Master Details Page" class="title" colSpan="2" />

    <ListView items="{{ items }}" itemTap="listViewItemTap" row="1">
      <ListView.itemTemplate>
        <Label text="{{ title }}" class="listItem" />
      </ListView.itemTemplate>
    </ListView>

    <GridLayout row="1" col="1" bindingContext="{{ selectedItem }}">
      <app:details-view/>
    </GridLayout>
  </GridLayout>
</Page>