Row in Flutter에서 자식 컨트롤의 왼쪽과 오른쪽 끝을 정렬합니다 (4 가지 방법).

Row in Flutter의 자식 컨트롤은 왼쪽과 오른쪽으로 정렬됩니다.

---

이러한 효과를 얻고 자한다고 가정 해 보겠습니다. 두 개의 하위 컨트롤 (예 : 2 개의 텍스트)이 한 줄에 표시되지만 각각 왼쪽과 오른쪽, 즉 왼쪽과 오른쪽에 정렬되도록합니다. 권리. 그것을 달성하는 방법?

방법 1 : 정렬 간격 설정

Row 컨트롤의 mainAxisAlignment 속성을 설정합니다.

mainAxisAlignment: MainAxisAlignment.spaceBetween,

방법 2 : 확장 된 채우기

확장을 사용하여 레이아웃 공간을 채 웁니다.

new Row(
  children: [
    new Text("开始日期："),
    Expanded(child: SizedBox()),
    new Text(“2020-12-29"),
  ],),

방법 3 : Spacer ()를 사용하여 채우기

new Row(
  children: [
    new Text("开始日期："),
    Spacer(),
    new Text(“2020-12-29"),
  ],),

방법 4 : 유연성 사용

new Row(
  children: [
    new Text("开始日期："),
    Flexible(fit: FlexFit.tight, child: SizedBox()),
    new Text(“2020-12-29"),
  ],),

---

** PS : 더 흥미로운 내용의 확인하십시오 -> "떨림 개발"
** PS : 더 흥미로운 내용을 확인하시기 바랍니다 -> "떨림 개발"
** PS : 더 흥미로운 내용의 확인하시기 바랍니다 -> "Flutter 개발"