Adding PropertyChanges to PageHeadState overwrites previous PropertyChanges

[Tim Peeters]

When adding PropertyChanges inside a PageHeadState, all the PropertyChanges defined inside the PageHeadState don't work aonymore, so setting the backAction, contents, actions does not work any more. See attached example.

[Tim Peeters (tpeeters)]

Launchpad breaks when I try to add a qml file, so here is the source code to reproduce the problem:

import Ubuntu.Components 1.1
import QtQuick 2.2

MainView {
    width: units.gu(40)
    height: units.gu(40)

    useDeprecatedToolbar: false

    Page {
        id: searchPage

        title: "search page"
        Label {
            id: label
            anchors.centerIn: parent
            text: "normal mode" //searchPage.state == "search" ? "search mode" : "normal mode"
        }

        state: "default"
        states: [
            PageHeadState {
                name: "default"
                head: searchPage.head
                actions: Action {
                    id: searchAction
                    iconName: "search"
                    onTriggered: searchPage.state = "search"
                }
            },
            PageHeadState {
                id: headerState
                name: "search"
                head: searchPage.head
                actions: [
                    Action {
                        iconName: "contact"
                    }
                ]
                backAction: Action {
                    id: leaveSearchAction
                    text: "back"
                    iconName: "back"
                    onTriggered: searchPage.state = "default"
                }
                contents: TextField {
                    placeholderText: "search..."
                }
                PropertyChanges {
                    target: label
                    text: "search mode"
                }
            }
        ]
    }
}

[Tim Peeters (tpeeters)]

^ with the above code, the PropertyChanges for label invalidate the PropertyChanges done by the PageHeadState. Removing The PropertyChanges for label makes it work again.

[Zsombor Egri (zsombi)]

Try to add extra PropertyChanges like
PageHeadStyle {
    changes: [
        PropertyChanges {
            target: label
            text: "search mode"
        }
    ]
}

[Tim Peeters (tpeeters)]

a workaround to get it working properly is to use a normal State, but then you have to define the actions etc. in the State so it requires extra code.

[Tim Peeters (tpeeters)]

PageHeadState is now deprecated. Instead, a different Page.header can be set. See https://developer.ubuntu.com/en/blog/2016/02/24/pageheader-tutorial/