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

ScrollIndicator

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

Import Statement: import Felgo 3.0
Since: Felgo 2.18.4
Inherits:

Rectangle

Properties

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