Fab
Structure d'écran
Équivalent natif d'Engine\FloatingActionButton, destiné au paramètre fab de Scaffold, qui l'épingle au-dessus du coin bas-droit du viewport (au-dessus de BottomNavigation si elle est présente) via Fixed.
Exemple
php
<?php
use Engine\Native\Fab;
$fab = new Fab(
icon: 'add',
action: 'navigate:new_invoice',
background: null,
);Un bouton d'action flottant circulaire de 56px, icône "+", qui déclenche navigate:new_invoice au tap.
Constructeur
| Paramètre | Type | Défaut | Description |
|---|---|---|---|
| icon | string | — | Nom de l'icône affichée, en blanc, au centre du bouton. |
| action | string | — | Action déclenchée au tap sur le bouton. |
| background | ?Color | null (Tokens::ink()) | Couleur de fond du bouton. |
À savoir.
Fab::SIZEvaut 56px ; c'est cette constante queScaffoldutilise pour calculer sa position (margeTokens::SPACE_LGdepuis le bord, décalée vers le haut deBottomNavigation::HEIGHTsi une barre de navigation basse est présente).