Dynamically create inline Component

skaldesh

I would like to know if its possible to instantiate an inline Component via createObject() as with regular Component.

Example code:

Item {
    id: root
    component MyText: Text {
        font.pixelSize: 50
    }

    Component.onCompleted: {
        // This does not work
        MyText.createObject(root)
    }
}

skaldesh

I think I found a workaround, at least:

Component {
    id: cmpt
    MyText {}
}
component MyText: Text {
    font.pixelSize: 50
}

fcarney

Start with a Loader, Repeater, Instantiator, and then if those don't do what you want, look into creating objects by script. Most of the time the first 3 will suffice.

jeremy_k

I hadn't noticed the addition of the component keyword. Thanks for pointing it out.

The syntax I've used previously is:

Item {
    property Component myComponent: Text { ... }

    Component.onComplete: myComponent.createObject()
}