QML 无法将文本插入到 TextInput 中

Question

我有一个 TextInput 框，但我无法在其中插入文本，我已经尝试了我所知道的所有方法，但仍然无法在其中输入文本，甚至无法删除我在其中输入的文本。

以下是我的一些代码：

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

正如本文所建议的回答，更喜欢文本域成分：

对应代码：

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
            }
        }
    }
}