Display drawer

[mouni]

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick 2.6
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.0
import QtQuick.Controls.Material 2.0
import QtQuick.Controls.Universal 2.0
import Qt.labs.settings 1.0
import QtQuick.Dialogs 1.1

ApplicationWindow {
id: window
visible: true


Drawer {
id:drawer

width: window.width * 0.6
height: window.height - header.height


}
header: ToolBar
{
ToolButton
{
text:"Home"
onClicked:

drawer.open()
}
}

}


Drawer is remove toolbar height on upside but it is removing down can anybody help to move down

[mouni]

how to display drawer belowtool bar in qml can any give solution....

[mouni]

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick 2.6
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.0
import QtQuick.Controls.Material 2.0
import QtQuick.Controls.Universal 2.0
import Qt.labs.settings 1.0
import QtQuick.Dialogs 1.1
import QtQuick.Controls.Styles 1.4

ApplicationWindow {
id: window
visible: true
width:480
height:480


header: ToolBar
{

ToolButton
{
text:"Home"
onClicked:
drawer.open()
}
}

Drawer
{
id:drawer

y: header.height
width: 150
height: window.height - header.height

}

StackView {
id: stackView
anchors.fill: parent

initialItem: Pane {
id: pane

Image
{
id:background
anchors.fill: parent
// fillMode: Image.Pad
// source:"qrc:/images/home.png"
}
ToolButton
{
text:"Test"
anchors.fill: parent
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter

}
}
}

}


i want to display drawer below toolbar in qml