Приложение QML отображает черный экран

Question

Я новичок в QML, но я не думаю, что много делаю в проекте, но все же у меня появляется черный экран, когда я запускаю это приложение на устройстве Android.

Main.qml

import QtQuick 2.6
import QtQuick.Window 2.2

Rectangle {
    visible: true
    width: 640
    height: 480

    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit()
        }
    }

    Text {
        text: qsTr("Hello World")
        anchors.centerIn: parent
    }
}

Кнопка.QML

import QtQuick 2.0

Rectangle {
    id: mainbtn
    property alias text: lable.text
    width: 165
    height: 50
    radius: 2
    border.width: 2
    Text {
        id: lable
        font.bold: true
        font.pointSize: 17
        width: parent.width
        wrapMode: Text.WordWrap
        horizontalAlignment: Text.AlignHCenter
        anchors.centerIn: parent
    }
    MouseArea {
        anchors.fill: parent
        onClicked: {
            console.log("1")
        }
    }
}

Answer 1

Я понял ошибку, которую я сделал. Я сделал приложение, используя приложение быстрого управления Qt вместо приложения Qt Qucik

Answer 2

Попробуй использовать ApplicationWindow в качестве корневого компонента

import QtQuick 2.3
import QtQuick.Window 2.2
ApplicationWindow {
    title: qsTr("MyApp")
    Ractangle {
        anchors.fill: parent
        color: “yellow”
    }
}