Flutter 플러터에서 두 항목을 극단에 맞추어 정렬 - 하나는 왼쪽에, 다른 하나는 오른쪽에, Flutter align two items on extremes - one on the left and one on the right

질문

저는 두 항목을 왼쪽과 오른쪽 끝에 맞추려고 노력하고 있습니다. 왼쪽에 맞춰진 하나의 행과 그 하위에 오른쪽에 맞춰진 하위 행이 있습니다. 그러나 하위 행이 부모에서 정렬 속성을 가져오는 것 같습니다. 이것은 내 코드입니다.

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

그 결과, 이런 식으로 나옵니다.

Left Right

저는 이렇게 하고 싶습니다.

Left      Right

또한 충분한 공간이 있습니다. 제 질문은 하위 행이 MainAxisAlignment.end 속성을 표시하지 않는 이유는 무엇인가요?

답변

하나의 Row를 사용하고, mainAxisAlignment: MainAxisAlignment.spaceBetween를 사용하세요.

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

또는 Expanded를 사용할 수 있습니다.

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