ListView {
    id: listView
    //...

    delegate: Item {
        id: listItem

        DropArea {
            anchors.fill: parent
            onEntered: (drag) => {
            // Move row in list model
            }
        }

        Rectangle {
            states: State {
                 when: dragHandleArea.pressed

                ParentChange {
                    target: listItem
                    parent: listView
                }

                AnchorChanges {
                    target: listItem
                    anchors {
                        left: undefined
                        verticalCenter: undefined
                    }
                }
            }

            MultiEffect {
                source: listItem
                anchors.fill: listItem
                autoPaddingEnabled: true
                shadowBlur: 0.2
                shadowEnabled: dragHandleArea.pressed
                shadowColor: "black"
                shadowOpacity: 0.5
                shadowScale: 1.0
                shadowVerticalOffset: 0
                shadowHorizontalOffset: 0
            }

            Rectangle {
                //To Mask shadow effect
                anchors.fill: parent
                color: parent.color
                border.width: parent.border.width
                radius: parent.radius
            }

            RowLayout {
                //...

                Item {
                    id: dragAndDropHandle
                    //...
                    MouseArea {
                        id: dragHandleArea
                        anchors.fill: parent
                        hoverEnabled: true

                        drag.target: pressed ? listItem : undefined
                        drag.axis: Drag.YAxis
                    }

                    //.. other list Item controls
                }
            }
        }
    }
}