import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Column {
        Text {
            id: t
            text: "Hello World"
            height: 0
            renderType: Text.NativeRendering

            onHeightChanged: console.log("Height: ", height)

            Behavior on height {
                NumberAnimation {
                    duration: 250
                    easing.type: Easing.Bezier
                    easing.bezierCurve: [ 0.4, 0, 0.2, 1, 1, 1]
                }
            }
        }
        
        TextInput {
            text: "Break me"
            renderType: Text.NativeRendering
            font.pixelSize: 24
        }

        Button {
            text: "Break it"
            onClicked: t.height += 48
        }
    }
}