A material-design styled floating action button. More...
| Import Statement: | import Felgo 4.0 |
| Since: | Felgo 2.9.2 |
| Inherits: |
This item provides a clickable action button with a custom icon.
Note: The button is only visible on Android by default, set visible to true to also show it on other platforms.
import Felgo App { NavigationStack { // Page with FloatingActionButton AppPage { title: "ActionButton Example" FloatingActionButton { iconType: IconType.home onClicked: console.log("FloatingActionButton Clicked") visible: true // show on all platforms, default is only Android } } } }
Note: The FloatingActionButton is automatically anchored at the bottom-right of it's parent item. To position the item manually, set its anchors.bottom and anchors.right properties to
undefined.
|
backgroundColor : alias |
The background color of the button. Matches Theme.navigationBar.itemColor by default.
|
iconColor : alias |
The color of the icon. Matches Theme.navigationBar.itemColor by default.
|
iconItem : alias |
The AppIcon item within the FloatingActionButton.
|
iconType : alias |
The icon of the FloatingActionButton, the default icon is IconType.star.
Note: This property was renamed from icon in Felgo 4.0.0. This is because many types already inherit a property AbstractButton::icon from Qt Quick Controls 2.
|
clicked() |
This signal is emitted when the FloatingActionButton is clicked.
Note: The corresponding handler is onClicked.
As part of the free Business evaluation, we offer a free welcome call for companies, to talk about your requirements, and how the Felgo SDK & Services can help you. Just sign up and schedule your call.
Sign up now to start your free Business evaluation:
