Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


A native styled scroll indicator for usage with AppFlickable. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.18.4



Detailed Description

Allows to add a vertical scroll indicator for any given AppFlickable.

Example Usage

AppFlickable with ScrollIndicator

 import QtQuick 2.5
 import Felgo 3.0

 App {
   NavigationStack {

     Page {
       title: "ScrollIndicator Example"

       AppFlickable {
         id: appFlickable
         anchors.fill: parent
         contentHeight: content.height

         Column {
           id: content
           width: parent.width

           Repeater {
             model: 50
             AppText {
               width: content.width
               height: dp(50)
               text: "Text Item #"+index
               horizontalAlignment: Text.AlignHCenter


       ScrollIndicator {
         flickable: appFlickable
     } // Page


More Scrolling Examples

See the guide Use ScrollViews and ListViews in Your App for different examples of scrollable views, like a list view.

Property Documentation

flickable : Flickable

Set this property to the target AppFlickable for the scroll indicator. The indicator position then reflects the current scroll position of the target.

minHeight : real

The minimum height of the scroll indicator. Matches platform-specific values by default.

verticalOffset : real

The vertical offset to the top and bottom. By default the scroll indicator uses an offest of 2dp.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded