QML and Qt Quick

Create a ListModel and use that as your model in your Repeater. Delete entries from the ListModel.

Hi all, Just setting "radius" to a very small value can resolve that one. for example radius: height/1000 inside the Rectangle. I still don't know why, can someone explain, please?

No it's not since there's nothing that invokes your function in what you posted.

property string taskType: "" // Test: if (taskType.length === 0) { // something }

Any luck on solving this problem?

I was able to resolve //main.cpp I did using this lines in main.cpp QQmlComponent component(&engine, QUrl(QStringLiteral("qrc:/pathToThatQmlFile.qml"))); QObject *object = component.create(); C++ClassName::getInstance()->setObject(object); //C++ As this qml file is singleton, in C++ class where constants need to be called, In constructor add: qmlRegisterSingletonType(QUrl(QStringLiteral("qrc:/pathToQmlFile.qml")), "com.Test.TestConstants", 1, 0, "TestConstants"); void C++ClassName::setObject(QObject *newObject) { item = qobject_cast<QQuickItem *>(newObject); qDebug() << item->property("phi").toDouble); } //QML pragma Singleton import QtQuick 2.14 Item { readonly property double phi: "3.142" }

No, After adding below line. process.waitForFinished(-1). but nothing happening. no error , no output. And, my doubt is that process environment is correct or not.

I got it to work by giving the rectangle a static id but wrapping it in an Item. I put the toggle function in the item to expose it and set the width and the height of the item to the rectangle width and height so the column would work properly. This way the item gets the id set from main.qml and everything references properly. main.qml: import QtQuick 2.15 import QtQuick.Window 2.15 import QtQuick.Controls 2.15 import "objects" Window { width: 640 height: 480 visible: true title: qsTr("Hello World") Column { ExpandingRect { id: expandingRect } Button { text: "change rect" onClicked: { expandingRect.toggle() } } } Component.onCompleted: { console.log("OUTPUT") } } objects/ExpandingRect.qml: import QtQuick 2.15 Item { function toggle() { animationRect.running = true } width: leftMenuRect.width height: leftMenuRect.height Rectangle { id: leftMenuRect color: "red" height: 50 width: 50 PropertyAnimation{ id: animationRect target: leftMenuRect property: "width" to: if (leftMenuRect.width == 50) return 200; else return 50 //to: 200 duration: 500 easing.type: Easing.InOutQuint } Component.onCompleted: { } } }

For now, I have got the first approach I mentioned working. For this I have renamed the ApplicationWindow id to be a meaningful, "well known" name, appWindow. I also needed to introduce a property alias for the shared id to make it accessible from child components. I am still interested in comments about what would be the recommended approach here.