Unsolved Rectangle mit einem Gitter versehen und innen drin mehrere Tabbutton (qml)

[Galilio]

Hallo Zusammen,

wie kann ich so was (sehe bitte Anhang) in qml programmieren?

folgende habe ich versucht:

Rectangle {
	width:rooId.width
	height: 600
	x:20
	color: "blue" 

	TabBar {
		width: parent.width
		spacing: 10
		background: Rectangle {
			color: "#5894CE"
		}
		
		TabButton {
			text: "Home"
			height: 120
		}
		TabButton {
			text: "Discover"
			height: 120
		}
		TabButton {
			text: "Activity"
			height: 120

		}
		TabButton {
			text: "Fourth"
			height: 120
		}
	}
}

danke