QML não pode inserir texto em TextInput

Question

Eu tenho uma caixa TextInput e não consigo inserir texto nela, tentei tudo o que sabia, mas ainda não pude colocar texto nela, ou até mesmo excluir um texto que coloquei nela.

Aqui estão alguns dos códigos que tenho:

Rectangle {
    width: 40;
    height: 17;
    radius: 20.0
    id: q1
    x: 139
    y: 47
    color: "#F0EBEB"
    border.color: "#000000"

    TextInput {
        text: "0"
        anchors.centerIn: parent
        cursorVisible: true
    }
}

    

Answer 1

Como sugerido nesta resposta , prefira o TextField :

O código correspondente:

import QtQuick 2.0
import Ubuntu.Components 0.1
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.1

MainView {
    id: main
    width: 200
    height: 200

    TextField {
        anchors.centerIn: parent
        placeholderText: "0"
        text: "0"
        horizontalAlignment: TextInput.AlignHCenter
        style: TextFieldStyle {
            textColor: "black"
            background: Rectangle {
                radius: 20
                color: "#F0EBEB"
                implicitWidth: 40
                implicitHeight: 24
                border.color: "#000000"
                border.width: 1
            }
        }
    }
}