Цвет прямоугольника в ScrollView не показан

Question

Мне интересно, почему цвет прямоугольника внутри моего ScrollView не отображается, но текст Text есть. Должен ли я сделать свой Rectangle a Flickable?

import QtQuick 2.5 
import QtQuick.Controls 1.4 

ApplicationWindow { 
    visible: true 
    width: 640 
    height: 480 
    title: qsTr("Hello World") 
    color: "#00ff00" 

    menuBar: MenuBar { 
    Menu { 
     title: qsTr("File") 
     MenuItem { 
     text: qsTr("&Open") 
     onTriggered: console.log("Open action triggered"); 
     } 
     MenuItem { 
     text: qsTr("Exit") 
     onTriggered: Qt.quit(); 
     } 
    } 
    } 

    Rectangle { 
    id: motherOfGod 
    color: "#554455" 

    width: 400 
    height: 400 

    anchors.centerIn: parent 

    TabView { 
     anchors.fill: parent 

     Tab { 
     title: "Red" 
     ScrollView { 
      Rectangle { 
      color: "red" 
      height: 1200 
      anchors { 
       top: parent.top 
       left: parent.left 
       right: parent.right 
      } 

      Text { text: "I'm in the red tab" } 
      } 
     } 
     } 
     Tab { 
     title: "Green" 
     Rectangle { color: "green" } 
     } 
     Tab { 
     title: "Blue" 
     Rectangle { color: "blue" } 
     } 
    } 
    } 
} 

Answer 1

Try:

ScrollView { 
    Rectangle { 
    color: "red" 
    height: 1200 
    width: viewport.width 
    Text { text: "I'm in the red tab" } 
    } 
}