Comment centrer verticalement ou horizontalement un widget dans une pile ?
Ray Li
Le Centerwidget centre un widget horizontalement et verticalement au centre d'une pile. Comment centrer un widget UNIQUEMENT horizontalement ou verticalement ?
Le centrage d'un widget dans une pile est possible avec un widget Ligne ou Colonne. Est-il possible de le faire sans utiliser ces widgets ?
Conditions:
- Impossible d'utiliser la ligne/colonne.
- La taille de la pile n'est pas connue avant la mise en page (ne peut pas utiliser de valeurs positionnées codées en dur).
Widget central :
Container(
decoration:
BoxDecoration(border: Border.all(color: Colors.black87, width: 10)),
child: Stack(
children: [
Center(
child: Container(color: Colors.amber, width: 50, height: 50),
),
],
),
);
Centrer horizontalement avec la ligne :
Row(mainAxisAlignment: MainAxisAlignment.center)
Centrer verticalement avec la colonne :
Column(mainAxisAlignment: MainAxisAlignment.center)
L'alignement ci-dessus est le résultat souhaité. Ces résultats peuvent-ils être obtenus avec d'autres widgets Flutter ?
Jitesh Mohite
Utiliser le Alignwidget
Align(
alignment: Alignment.topCenter, // This will horizontally center from the top
child: Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.black87, width: 10)),
child: Stack(
children: [
Container(color: Colors.amber, width: 50, height: 50),
],
),
),
)
1. Pour le centre supérieur, utilisez l'alignement : Alignment.topCenter
2. Pour le Centre Gauche, utilisez l'alignement : Alignment.centerLeft
3. Pour l'alignement au centre à droite : Alignment.centerRight
3. Pour le centre inférieur, utilisez l'alignement : Alignment.bottomCenter
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
modifier le
Articles connexes
TOP liste
- 1
Comment exécuter un fichier python avec des droits d'administrateur dans pycharm
- 2
obtenir le nombre de marqueur affiché sur la carte
- 3
comment obtenir un objet de requête dans les tests unitaires de django?
- 4
Microsoft.WebApplication.targets
- 5
Comment ajouter un texte dans un texte Python/Tkinter
- 6
comment convertir une chaîne en un tuple dateutil jour de la semaine sans utiliser eval
- 7
mongo kafka connect source
- 8
Comment obtenir l'intégration contextuelle d'une phrase dans une phrase à l'aide de BERT ?
- 9
Dans les modèles Hugo, comment vérifier la longueur du tableau de fichiers JSON?
- 10
Référencement des assemblys de structure .net 4.7 dans la solution .net core 2
- 11
Comment obtenir tous les champs d'un objet (y compris sa superclasse), à l'aide de l'API Mirrors de Dart?
- 12
Exécuter la requête externe pour chaque date obtenue à partir de la requête interne
- 13
Recherche de dicton Jinja2 à l'aide d'une clé variable
- 14
Laravel 8: Attempt to read property "id" on null
- 15
définir une propriété pour chaque nœud dans neo4j
- 16
Vérifier la longueur du nombre à partir du message, puis utiliser la valeur dans l'instruction
- 17
Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?
- 18
Aide de variable de débogage pprint jinja2
- 19
Impossible d'accéder à la vue personnalisée pendant le test de l'interface utilisateur dans XCode
- 20
Impression de la longueur du chemin le plus court dans le labyrinthe
- 21
Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes
laisse moi dire quelques mots