• 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 is applied, equal to the bottom NativeUtils::safeAreaInsets value, to account for the translucent system navigation bar on Android and the bottom home gesture area on iOS.

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