Qt QML:列不使用自定义类型

因此，我在

列中对齐了一些自定义类型。但是，当我运行程序时，它们显示在同一行上。我错过了什么

main.qml：

import QtQuick 2.15
import QtQuick.Window 2.15

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

    Column{

        OSDisplay{
            osName: "Kde Neon User Edition"
        }
        KernelDisplay{
            kernelName: "Kernel: 5.3.0-51-generic"
        }
        //....
    }
}

OSDisplay.qml：

import QtQuick 2.15

Rectangle {
    property string osName: ""

    Text{
        anchors.fill: parent

        text: "OS: " + parent.osName
    }
}

import QtQuick 2.15

Rectangle {
    property string kernelName: ""

    Text{
        anchors.fill: parent

        text: "Kernel: " + parent.kernelName
    }
}

KernelDisplay.qml：

import QtQuick 2.15

Rectangle {
    property string osName: ""

    Text{
        anchors.fill: parent

        text: "OS: " + parent.osName
    }
}

import QtQuick 2.15

Rectangle {
    property string kernelName: ""

    Text{
        anchors.fill: parent

        text: "Kernel: " + parent.kernelName
    }
}

自定义类型矩形需要宽度和高度

e、 g.KernelDisplay.qml

import QtQuick 2.15

Rectangle {
  width: 100  // or your text.width
  height: 50 // or your text.height
  property string kernelName: ""

  Text{
    anchors.fill: parent

    text: "Kernel: " + parent.kernelName
  }
}

自定义类型矩形需要宽度和高度

e、 g.KernelDisplay.qml

import QtQuick 2.15

Rectangle {
  width: 100  // or your text.width
  height: 50 // or your text.height
  property string kernelName: ""

  Text{
    anchors.fill: parent

    text: "Kernel: " + parent.kernelName
  }
}