blurred rectangle

import QtQuick 2.0
import QtQuick.Controls 1.0
import QtGraphicalEffects 1.0

Rectangle {
    width: 480
    height: 640

    Flickable {
        id: flickable
        anchors.fill: parent

        contentHeight: grid.height
        contentWidth: parent.width

        Grid {
            id: grid

            width: parent.width

            columnSpacing: 20
            rowSpacing: 20
            columns: 4
            rows: 32 / columns

            Repeater {
                model: 32

                Image {
                    id: image

                    height: 124
                    width: 124

                    fillMode: Image.PreserveAspectCrop
                    source: "images/" + (1 + index) + ".png"

                    Button {
                        text: "test"
                    }
                }
            }
        }
    }

    Rectangle {
        anchors.fill: fastBlur
        color: "white"
    }

    FastBlur {
        id: fastBlur

        height: 124

        width: parent.width
        radius: 40
        opacity: 0.55

        source: ShaderEffectSource {
            sourceItem: flickable
            sourceRect: Qt.rect(0, 0, fastBlur.width, fastBlur.height)
        }
    }
}