Divider

Affichage riche

Engine\Native\Divider est une barre pleine de 1px de haut occupant toute la largeur que lui donne son parent — l'équivalent, dans l'arbre natif, d'Engine\Divider (une règle façon <hr> en Tailwind). En interne c'est un simple Container sans enfant, dont seules la hauteur et la couleur de fond sont fixées.

Exemple

<?php

use Engine\Native\Flex;
use Engine\Native\Divider;
use Engine\Native\Text;
use Engine\Native\Tokens;
use Engine\CrossAxisAlignment;

$section = Flex::column([
    new Text('Coordonnées', Tokens::TEXT_BODY, Tokens::ink()->toHex(), bold: true),
    new Divider(),
    new Text('cohortefinance@gotolearn.com', Tokens::TEXT_BODY_SMALL, Tokens::inkMuted()->toHex()),
], crossAxisAlignment: CrossAxisAlignment::STRETCH);

Cet exemple sépare un titre de section de son contenu par un diviseur de 1px, dans une colonne étirée sur toute la largeur (CrossAxisAlignment::STRETCH) pour que le diviseur remplisse effectivement la largeur du parent.

Constructeur

Paramètre	Type	Défaut	Description
thickness	float	1.0	Hauteur de la barre en pixels.

À savoir. Comme Container n'a pas de largeur explicite ici, le diviseur ne s'étire réellement sur toute la largeur que si son parent lui impose cette contrainte (par exemple une colonne avec CrossAxisAlignment::STRETCH) — dans un parent qui ne contraint pas ses enfants, il peut se réduire à zéro.

Voir aussi

• Card
• Table
• ListTile