文本在 QML TextEdit 中仅部分可见

Question

我在 QML 中进行了文本编辑，但问题是当我运行应用程序时它只显示部分字母，如下所示：

这是文本编辑加上 parents:

的代码

StackLayout {
        id: stack_layout

        anchors.left: menu.right
        anchors.right: parent.right
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        anchors.rightMargin: 0
        anchors.topMargin: 0
        anchors.leftMargin: 0
        anchors.bottomMargin: 0
        
        currentIndex: 1

        HomeScreen {
            id: home_screen
        }

        Rectangle{
            color: "#303030"

            anchors.left: menu.right
            anchors.right: parent.right
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            anchors.rightMargin: 0
            anchors.leftMargin: 0
            anchors.bottomMargin: 0
            anchors.topMargin: 0

            TextField{
                height: 20

                font.family: "Times New Roman"
                font.pixelSize: 30
                wrapMode: Text.Wrap

                horizontalAlignment: Text.AlignLeft
                verticalAlignment: Text.AlignVCenter

                anchors.left: parent.left
                anchors.right: parent.right
                anchors.top: parent.top

                anchors.rightMargin: 100
                anchors.leftMargin: 100
                anchors.topMargin: 75

                Material.accent: Material.Cyan
            }
        }
}

那么问题是什么？

Answer 1

好的，我找到了解决问题的方法，问题是文本字段的高度太小，所以被截断了，所以我只添加：height: 52，问题就解决了.

提示：确保 TextField 的高度为 20 或大于字体大小。由于字体大小是30，所以我把高度设置为50-60

文本在 QML TextEdit 中仅部分可见

Text only partially visible in QML TextEdit

qt

qml