Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!

FloatingActionButton

A material-design styled floating action button. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.9.2

Properties

Signals

Detailed Description

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.

Example Usage

 import Felgo 3.0

 App {
   NavigationStack {

     // Page with FloatingActionButton
     Page {
       title: "ActionButton Example"

       FloatingActionButton {
         icon: 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.

Property Documentation

backgroundColor : alias

The background color of the button. Matches Theme.navigationBar.itemColor by default.


icon : alias

The icon of the FloatingActionButton, the default icon is IconType.star.


iconColor : alias

The color of the icon. Matches Theme.navigationBar.itemColor by default.


iconItem : alias

The Icon item within the FloatingActionButton.


Signal Documentation

clicked()

This signal is emitted when the FloatingActionButton is clicked.