The documentation states:
“An instance of the highlight component is created for each list. The geometry of the resulting component instance is managed by the list so as to stay with the current item, unless the highlightFollowsCurrentItem property is false.”
The highlight will match the geometry (width/height) of the list delegate. If you want your highlight to fill the width of the view you can simply change the delegate like this:
Component {
id: nameDelegate
Item {
width: parent.width
height: textItem.height
Text {
id: textItem
text: name
font.family: "Myriad Pro"
font.pixelSize: 16
}
}
}
↧