If you just want to display different qml components on the same area, have a look at the loader qml type. You can set the src for the loader component when hitting the button. For some types (like a dialog) you will have to also call visible = true or open() in the loaded item. You can access a src in the loader with loaderName.item.
Check out the example in the documentation:
https://doc.qt.io/qt-5/qml-qtquick-loader.html#details
After setting the source like in the example, you can set properties in the loaded qml with pageloader.item.<PROPERTY NAME>. replace <PROPERTY NAME> with the name of the property in your qml file.

If you want to connect for particular signal, first define the function in QML and use Connections object or <id>.signalName.connect(..) to connect with particular handler.

Set explicitly all names of properties because this is what you want. In some cases you might want not to animate prop1.
And this is default reaction of the engine: make change without transition (this is about performance).

@Mark81 Well, I've just discovered the objectName property. Not so straight (it requires cycling among all children) but it works.

SOLVED

onClicked: { loader.source = "qrc:/pages/search.qml" stackView.push(loader.item) listView.currentIndex = -1 }

Thanks @medyakovvit

@Mark81
forget what i said, this wasn't correct. sorry.

In the Transition object you should fill the "from" and "to" porperties with names of the states.
So you need a transition from state to state.

@renatobibiano Ok. Try giving width and height explicitly for components where you have used anchors.fill: parent.