Flutter meratakan dua item secara ekstrem - satu di kiri dan satu di kanan

Saya mencoba menyelaraskan dua item pada posisi ekstrem, satu di kiri dan satu lagi di kanan. Saya memiliki satu baris yang sejajar ke kiri dan kemudian anak dari baris itu diratakan ke kanan. Namun tampaknya baris anak mengambil properti alignment dari induknya. Ini kode saya

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

alhasil saya mendapatkan sesuatu seperti ini

Left Right

Yang saya inginkan adalah

Left      Right

Juga ada cukup ruang di Row. Pertanyaan saya adalah mengapa Rowan tidak memamerkan MainAxisAlignment.endpropertinya?

Gunakan satu Rowsaja, dengan mainAxisAlignment: MainAxisAlignment.spaceBetween.

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

Atau Anda bisa menggunakan Expanded

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

Solusi sederhana adalah menggunakan di Spacer()antara kedua widget

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

Anda bisa melakukannya dengan banyak cara.

Menggunakan mainAxisAlignment: MainAxisAlignment.spaceBetween

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

Menggunakan Spacer

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

Menggunakan Expanded

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

Menggunakan Flexible

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

Keluaran :

Ya CopsOnRoadbenar, melalui tumpukan Anda dapat menyelaraskan satu di kanan dan lainnya di tengah.

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