devstory

Le Tutoriel de Flutter Align

View more Tutorials:

Site d'apprentissage des langues gratuit:
Suivez-nous sur notre fanpage pour recevoir des notifications chaque fois qu'il y a de nouveaux articles. Facebook

1- Flutter Align

Dans Flutter, Align est un widget utilisé pour en contenir un autre et fournit des paramètres d'alignment pour aligner (align) la position du widget enfant.

Center et Align sont relativement similaires. Ils ne disposent d'un seul widget enfant, mais Center place toujours son widget enfant au centre.
Align Constructor

const Align(
    {Key key,
    AlignmentGeometry alignment: Alignment.center,
    double widthFactor,
    double heightFactor,
    Widget child}
)
Si le paramètre widthFactor n'est pas précisé, la largeur de l'Align sera aussi grande que possible. Sinon, la largeur d'Align sera égale à la largeur de child multipliée par widthFactor. De même, le paramètre heightFactor a le même comportement pour la hauteur d'Align. Par conséquent, la taille de l'Align sera aussi grande que possible par défaut.
(ex1)

Align (
    alignment: Alignment.bottomRight,
    child: ElevatedButton (
        child: Text("Button"),
        onPressed: () {}
    )
)

2- child


Widget child

3- alignment

La propriété alignment est utilisée pour définir la manière d'aligner le child. La valeur par défaut d'alignment est Alignment.center.

AlignmentGeometry alignment: Alignment.center
  • TODO Link?

4- widthFactor

widthFactor est un facteur utilisé pour calculer la largeur de l'Align en fonction de la largeur de child (son enfant). Si le widthFactor n'est pas null, la largeur d'Align sera égale à celle de child multipliée par ce facteur.
Si widthFactor n'est pas précisé, la largeur d'Align sera aussi grande que possible.

double widthFactor
Par exemple:
widthFactor (ex1)

Align (
    alignment: Alignment.bottomRight,
    widthFactor: 2.0,
    child: ElevatedButton (
        child: Text("Button"),
        onPressed: () {}
    )
)

5- heightFactor

heightFactor est un facteur utilisé pour calculer la hauteur de l'Align en fonction de la largeur de child. Si heightFactor n'est pas null, la hauteur d'Align sera égale à celle de child multipliée par ce facteur.
Si heightFactor n'est pas précisé, la hauteur d'Align sera aussi grande que possible.

double heightFactor
Par exemple:
heightFactor (ex1)

Align (
    alignment: Alignment.bottomRight,
    heightFactor: 3.0,
    child: ElevatedButton (
        child: Text("Button"),
        onPressed: () {}
    )
)

View more Tutorials: