• Home

AppFlickable

A Flickable with a preset rebound animation for a native scrolling experience. More...

• List of all members, including inherited members

Properties

• desktopScrollEnabled : bool
• scrollsToTop : bool

Detailed Description

A Flickable with a preset Flickable::rebound animation. The default animation supports either a vertical or a horizontal flick rebound. Use this type to create flickable views with a native scrolling experience.

To add a native styled scroll indicator for the view, see the ScrollIndicator type. To make all the content of a given page scrollable, you can also use the FlickablePage. It contains pre-configured AppFlickable and ScrollIndicator.

AppFlickable uses a vertical flick by default. Set Flickable::flickableDirection to Flickable.HorizontalFlick to switch to horizontal flicking and rebound.

Note: A default Flickable::bottomMargin equal to the bottom NativeUtils::safeAreaInsets value is applied to account for the translucent system navigation bar on Android and the bottom home gesture area on iOS. This margin is not added in case a parent Navigation with bottom tabs already handles the safe area inset. If you require a different behavior on your custom UI, configure the bottomMargin as required in your layout.

Example Usage

AppFlickable with Column and Repeater

 import QtQuick 2.5
 import Felgo 3.0

 App {
   NavigationStack {

     Page {
       title: "AppFlickable Example"

       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
             }
           }
         }

       }
     } // Page

   }
 }

Property Documentation