Skip to content

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ètreTypeDéfautDescription
iconstring—Nom de l'icône affichée, en blanc, au centre du bouton.
actionstring—Action déclenchée au tap sur le bouton.
background?Colornull (Tokens::ink())Couleur de fond du bouton.

À savoir. Fab::SIZE vaut 56px ; c'est cette constante que Scaffold utilise pour calculer sa position (marge Tokens::SPACE_LG depuis le bord, décalée vers le haut de BottomNavigation::HEIGHT si une barre de navigation basse est présente).

Voir aussi ​

PhpNitro est un produit FINANFA TECH — Publié sous licence MIT.