SearchField

SearchField {
        id: searchField

        readonly property bool searchIsActive: text.length > 0
        property Item currentView: searchIsActive ? listView : gridView

        parent: currentView.contentItem
        onParentChanged: forceActiveFocus()

        y: currentView.headerItem.y
        width: currentView.width

        placeholderText: qsTr("Search")
    }

    SilicaGridView {
        id: gridView
        anchors.fill: parent
        visible: !searchField.searchIsActive

        // Placeholder for searchField
        header: Item {
            width: gridView.width
            height: searchField.height
        }

        ...
    }

    SilicaListView {
        id: listView
        anchors.fill: parent
        visible: searchField.searchIsActive

        // Placeholder for searchField
        header: Item {
            width: gridView.width
            height: searchField.height
        }

        ...
    }