KittyApp v2

NavigationBar.qml

import Qt 4.7

Rectangle {
  ....

    Row {
        anchors.fill: parent

        NavigationButton {
            id: kittyButton
            active: viewSwitcher.currentView == kittyView
  ....
        }

        NavigationButton {
            id: friendsButton
            active: viewSwitcher.currentView == friendsView
  ....            
        }

        NavigationButton {
            id: shopButton
            active: viewSwitcher.currentView == shopView
  ....
        }
    }
}

NavigationButton.qml

import Qt 4.7

Item {
    property bool active
    property url activeIcon
    property url inactiveIcon

  ....

    Image {
        id: icon
        source: active ? activeIcon : inactiveIcon

  ....

    }

    Text {
        id: label
  ....
        color: active ? "#ffddee" : "#a52246"
        style: Text.Raised
        styleColor: active ? "#30000000" : "#20ffffff"

    }

  ....
}

TitleBar.qml

Text {
    id: titleText
    anchors.centerIn: parent
    anchors.verticalCenterOffset: 3
    font.family: "Lato Black"
    font.pixelSize: 32
    color: "#ffddee"
    styleColor: "#2f000000"
    style: Text.Sunken
    text: viewSwitcher.currentView.viewTitle    // <----
}

ViewLoader.qml

Loader {
    property bool keepLoaded : true
    property url viewSource

    property string viewTitle : item.viewTitle

ViewLoader_v2.qml

Loader {
    property bool keepLoaded : true
    property url viewSource

    property string viewTitle : item == null ? "" : item.viewTitle <---------