Flutter, biri solda, diğeri sağda olmak üzere iki öğeyi uç noktalara hizalar

İki öğeyi biri solda, diğeri sağda olacak şekilde hizalamaya çalışıyorum. Sola hizalanmış bir satırım var ve sonra bu satırın bir çocuğu sağa hizalanmış. Ancak, alt satır, üst satırdan hizalama özelliğini alıyor gibi görünüyor. Bu benim kodum

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,
            ],
        );

sonuç olarak böyle bir şey elde ediyorum

Left Right

Ne isterdim

Left      Right

Ayrıca Satırda yeterli alan var. Sorum şu, Row çocuk MainAxisAlignment.endmülkünü neden sergilemiyor ?

RowBunun yerine bir single kullanın mainAxisAlignment: MainAxisAlignment.spaceBetween.

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

Ya da kullanabilirsin Expanded

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

Basit bir çözüm Spacer(), iki widget arasında kullanmak olacaktır

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

Bunu pek çok şekilde yapabilirsiniz.

Kullanma mainAxisAlignment: MainAxisAlignment.spaceBetween

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

Kullanma Spacer

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

Kullanma Expanded

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

Kullanma Flexible

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

Çıktı :

Evet CopsOnRoaddoğru, yığın aracılığıyla birini sağa ve diğerini ortaya hizalayabilirsiniz.

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