web-dev-qa-db-fra.com

FLUTTER | Alignement à droite ne fonctionne pas

Essayer d'aligner à droite un conteneur avec un enfant de vue texte, il a un parent de ligne qui se trouve dans une autre colonne, nombre de solutions essayées de Stack Overflow, n'a pas fonctionné.

Code

///Transactions Heading
        new Column(
         children: <Widget>[
            new Row(
              children: <Widget>[
                new Container(
                  alignment: Alignment.centerLeft,
                  margin: new EdgeInsets.only(top: 20.0, left: 10.0),
                  child: new Text(
                    "Transactions",
                    style: new TextStyle(
                      color: primaryTextColor,
                      fontSize: 25.0,
                      fontWeight: FontWeight.w700,
                      letterSpacing: 0.1,
                    ),
                  ),
                ),
                new Container(
                  margin: new EdgeInsets.only(top: 25.0),
                  child: new Text(
                    currentGoalTransactions.length.toString() + " items",
                    style: new TextStyle(
                        color: darkHeadingsTextColor, fontSize: 15.0),
                  ),
                ),
              ],
            ),
       ]);

Vous voulez aligner le texte des 2 éléments vers la droite

Capture d'écran

10
Musa Usman

Utilisez la propriété mainAxisAlignment dans le widget Row.

new Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween, 
    ...
)
24
Vinoth Kumar