Не отображается ListView

Всем привет.
Пытаюсь сделать qml обьект ListView который будет меить прокрутку если обьектов там будет больше дефолтной высоты.
Под ним 4 кнопки для добавления и удаления этих обьектов.
Но почему то у меня не отображается он. Подскажите где ошибку допускаю?
Вроде выставил высоту и ширину, но чет не показывает.
И еще, если это важно то я пытаюсь делегат который будет представлять из себя обьекты в листе как индекс : данные
Например:
0 : 124
1 : 333

    ScrollView
    {
        id: scrollView
        anchors.top: parent.top

        ListView
        {
            id: listView
            anchors.fill: parent

            width: 180; height: 200
            anchors.top: parent.top
            anchors.verticalCenter: parent.verticalCenter
            delegate: listDelegate

            contentWidth: 320
            flickableDirection: Flickable.AutoFlickDirection

        }
    }

    Component
    {
        id: listDelegate

        Label
        {
            id: delegateLabel

            anchors.centerIn: parent

            color: "red"

            text: workerA.time
        }
    }

    GridLayout
    {
        id: grid

        rows: 2
        columns: 2
        anchors.top: scrollView.bottom

        rowSpacing: 10
        columnSpacing: 10

        Rectangle
        {
            width: 50
            height: 40
            Text { id: textbutton_1; text: qsTr("ADD"); anchors.centerIn: parent }
            Layout.row: 0; Layout.column: 0;
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightsteelblue" }
                GradientStop { position: 1.0; color: "blue" }
            }
//            MouseArea { anchors.fill: parent; onClicked: { workerA.change = !workerA.change } }
        }
        Rectangle
        {
            width: 50
            height: 40
            Text { id: textbutton_2; text: qsTr("REM"); anchors.centerIn: parent }
            Layout.row: 1; Layout.column: 0;
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightsteelblue" }
                GradientStop { position: 1.0; color: "blue" }
            }
            /*onClicked: Core.stack.push(nandTest);*/
        }
        Rectangle
        {
            width: 50
            height: 40
            Text { id: textbutton_3; text: qsTr("START"); anchors.centerIn: parent }
            Layout.row: 0; Layout.column: 1;
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightsteelblue" }
                GradientStop { position: 1.0; color: "blue" }
            }
            /*onClicked: Core.stack.push(displayTest);*/
        }
        Rectangle
        {
            width: 50
            height: 40
            Text { id: textbutton_4; text: qsTr("STOP"); anchors.centerIn: parent }
            Layout.row: 1; Layout.column: 1;
            gradient: Gradient {
                GradientStop { position: 0.0; color: "lightsteelblue" }
                GradientStop { position: 1.0; color: "blue" }
            }
            /*onClicked: Core.stack.push(touchTest);*/
        }
    }

Заранее спасибо.