Flutter에서 텍스트를 왼쪽으로 정렬하고 행과 열의 여백을 정렬합니다.

열

Flutter의 Row Widget은 하위 위젯을 가로로 정렬하는 위젯입니다.

하위 위젯을 왼쪽에 추가하려면 MainAxisAlignment 속성을 사용하여 하위 위젯을 왼쪽 정렬합니다.

다음은 행 위젯 내 왼쪽에 텍스트 위젯을 추가하는 샘플 코드입니다.

Row(
  mainAxisAlignment: MainAxisAlignment.start,
  children: (
    Text('왼쪽에 붙일 텍스트'),
    // 추가적인 자식 위젯들
  ),
)

위의 코드에서 MainAxisAlignment.start는 하위 위젯이 행 위젯의 시작 부분에 정렬되도록 지정합니다.

이 설정을 사용하면 텍스트 위젯이 행 위젯의 왼쪽에 표시됩니다.

선택적으로 추가 하위 위젯을 하위 배열에 추가하여 행 위젯 내부에 배치할 수 있습니다.

나뉘다

Flutter의 Column 위젯은 하위 위젯을 세로로 정렬하는 위젯입니다.

하위 위젯을 왼쪽에 추가하려면 CrossAxisAlignment 속성을 사용하여 하위 위젯을 왼쪽 정렬합니다.

다음은 Column 위젯 내 왼쪽에 Text 위젯을 추가하는 샘플 코드입니다.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: (
    Text('왼쪽에 붙일 텍스트'),
    // 추가적인 자식 위젯들
  ),
)

위의 코드에서 CrossAxisAlignment.start는 하위 위젯이 열 위젯의 시작 부분에 정렬되도록 지정합니다.

이 설정을 사용하면 Text 위젯이 Columns 위젯 상단에 연결된 것으로 나타납니다.

선택적으로 추가 하위 위젯을 하위 배열에 추가하여 열 위젯 내에 배치할 수 있습니다.

텍스트 여백

Flutter의 Text 위젯은 Padding 위젯으로 텍스트를 채울 수 있습니다.

가장자리의 크기는 EdgeInsets 클래스의 인스턴스를 사용하여 지정할 수 있습니다.

다음은 텍스트 위젯에 왼쪽 여백을 추가하는 샘플 코드입니다.

Padding(
  padding: EdgeInsets.only(left: 16.0),
  child: Text('왼쪽에 여백이 추가된 텍스트'),
)

위의 코드에서 EdgeInsets.only는 해당 방향으로만 Edge를 설정할 수 있는 메서드입니다.

왼쪽 매개변수를 사용하여 패딩이 왼쪽에만 추가되도록 지정합니다.

이 설정은 Text 위젯의 왼쪽에 패딩 16.0포인트를 추가합니다.

필요에 따라 오른쪽, 위쪽 및 아래쪽에 여백을 추가할 수도 있습니다.