AppBar

Structure d'écran

Équivalent natif d'Engine\AppBar. Il est destiné à être passé au paramètre appBar de Scaffold, pas peint directement : c'est Scaffold qui l'épingle en haut du viewport via Fixed pendant que le corps défile en dessous — une AppBar peinte seule, au milieu de l'arbre, défilerait avec le reste.

Exemple

<?php

use Engine\Native\AppBar;
use Engine\Color;

$appBar = new AppBar(
    width: 360.0,
    title: 'Mon compte',
    backAction: 'navigate:back',
    leading: null,
    background: Color::white(),
);

Une AppBar de 56px de haut affichant "Mon compte" avec une flèche retour à gauche qui déclenche navigate:back.

Constructeur

Paramètre	Type	Défaut	Description
width	float	—	Largeur de la barre, généralement la largeur de l'écran.
title	string	—	Titre affiché en gras.
backAction	?string	null	Action déclenchée par une flèche retour générée automatiquement, si leading n'est pas fourni.
leading	?Widget	null	Widget de tête personnalisé, prioritaire sur la flèche retour auto-générée.
background	?Color	null (Tokens::surface())	Couleur de fond de la barre.

À savoir. AppBar::HEIGHT vaut 56px — c'est cette constante que Scaffold utilise pour calculer le padding réservé en haut du corps défilant. Si ni leading ni backAction ne sont fournis, le titre seul s'affiche sans widget de tête.

Voir aussi

• Scaffold
• BottomNavigation
• Banner