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

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

}

To copy to clipboard, switch view to plain text mode 

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

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

        }
    }
}

}

To copy to clipboard, switch view to plain text mode 

i want to display drawer below toolbar in qml