Passing properties to StackView::push() works identically with Component::createObject(). If you want to create a binding, you'll need to use Qt.binding().

stack.push(Qt.resolvedUrl("Button.qml"), {color: Qt.binding(function() { return foo.bar })})

We'll add a note about the property bindings to the docs.

But is there any difference in pushing a component to the StackView or pushing an actual instance?

A "component" is only like a class definition in C++. See Creating a Component Dynamically.

@MrBolton said:

My problem with this is that the color of the button that is pushed onto the StackView would not get updated.
Is this a bug or do I have to create the property binding myself (if yes, how) ?

It's not a bug, and yes, here you have to create the binding yourself. That's because button.color = someThingThatChanges is just a Javascript assignment. It only once copies the current value of someThingThatChanges to button.color at exactly this point of execution. If you want to create a binding from Javascript code you can do it like this:

button.color = Qt.binding(function() { return someThingThatChanges});

Hi! I didn't fully get what you're doing there but are you aware of the fact that you're only creating a component without actually instantiating an object from it?

Thanks for the tip. But is there any difference in pushing a component to the StackView or pushing an actual instance?

To elaborate further on my problem, if I change your example a bit it might get clearer:

var component = Qt.createComponent("Button.qml"); // only a component so far
if (component.status == Component.Ready) {
  var button = component.createObject(container); // now we have an instance
  button.color = somePropertyThatChangesOverTime;
  stack.push(button);
}

My problem with this is that the color of the button that is pushed onto the StackView would not get updated.
Is this a bug or do I have to create the property binding myself (if yes, how) ?

Thanks in advance!

var component = Qt.createComponent("Button.qml"); // only a component so far
if (component.status == Component.Ready) {
  var button = component.createObject(container); // now we have an instance
  button.color = "red";
}