Flattere zwei Elemente an den Extremen aus - eines links und eines rechts

Ich versuche, zwei Elemente an den Extremen auszurichten, eines links und eines rechts. Ich habe eine Zeile, die nach links ausgerichtet ist, und dann wird ein untergeordnetes Element dieser Zeile nach rechts ausgerichtet. Es scheint jedoch, dass die untergeordnete Zeile die Ausrichtungseigenschaft von ihrer übergeordneten Zeile übernimmt. Das ist mein Code

var SettingsRow = new Row(
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
                Text("Right",softWrap: true,),
            ],
        );

        var nameRow = new Row(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
                Text("Left"),
                SettingsRow,
            ],
        );

Als Ergebnis bekomme ich so etwas

Left Right

Was ich möchte ist

Left      Right

Es gibt auch genug Platz in der Reihe. Meine Frage ist, warum die Kinderreihe ihr MainAxisAlignment.endEigentum nicht ausstellt .

Verwenden Sie Rowstattdessen eine einzelne mit mainAxisAlignment: MainAxisAlignment.spaceBetween.

new Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    new Text("left"),
    new Text("right")
  ]
);

Oder Sie können verwenden Expanded

new Row(
  children: [
    new Text("left"),
    new Expanded(
      child: settingsRow,
    ),
  ],
);

Eine einfache Lösung wäre die Verwendung Spacer()zwischen den beiden Widgets

Row(
  children: [
    Text("left"),
    Spacer(),
    Text("right")
  ]
);

Sie können es auf viele Arten tun.

Verwenden von mainAxisAlignment: MainAxisAlignment.spaceBetween

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    FlutterLogo(),
    FlutterLogo(),
  ],
);

Verwenden von Spacer

Row(
  children: <Widget>[
    FlutterLogo(),
    Spacer(),
    FlutterLogo(),
  ],
);

Verwenden von Expanded

Row(
  children: <Widget>[
    FlutterLogo(),
    Expanded(child: SizedBox()),
    FlutterLogo(),
  ],
);

Verwenden von Flexible

Row(
  children: <Widget>[
    FlutterLogo(),
    Flexible(fit: FlexFit.tight, child: SizedBox()),
    FlutterLogo(),
  ],
);

Ausgabe :

Ja CopsOnRoadist richtig, durch den Stapel können Sie eine rechts und eine andere in der Mitte ausrichten.

Stack(
    children: [
      Align(
        alignment: Alignment.centerRight,
        child: Text("right"),
      ),
      Align(
        alignment: Alignment.center,
        child: Text("center"),
      )
    ],
  )