이번포스팅에서는 플러터의 글자를 정렬하는 방식을 알아봅시다.

↕️ Column에서 정렬

Column안에서는 crossAxisAlignment 이 친구를 사용해서 정렬 방향을 설정할 수 있습니다.

CrossAxisAlignment.start -> 왼쪽 정렬
CrossAxisAlignment.end -> 오른쪽 정렬
CrossAxisAlignment.center -> 가운데 정렬

예시

			Column(
    			 crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          SizedBox(
                            height: 50,
                          ),
                          SizedBox(
                            width: 97,
                            height: 25,
                            child: Text(
                              '1. 회원가입',
                              style: TextStyle(
                                color: Color(0xFF4B4A48),
                                fontSize: 17,
                                fontFamily: 'Noto Sans KR',
                                fontWeight: FontWeight.w700,
                                height: 0,
                              ),
                            ),
                          ),
                          SizedBox(
                            width: 343,
                            height : 51,
                            child: Text(
                              '사용하실 별명을 입력해주세요.',
                              style: TextStyle(
                                color: Color(0xFF4B4A48),
                                fontSize: 25,
                                fontFamily: 'Noto Sans KR',
                                fontWeight: FontWeight.w700,
                                height: 0,
                              ),
                            ),
                          ),
                        ]
                    )

• 왼쪽 정렬
  

• 오른쪽 정렬
  

• 중앙 정렬
  

T 텍스트에서 정렬

Text안에서 글자를 정렬하기 위해서는 textAlign을 사용해서 정렬할 수 있습니다.

TextAlign.lefg -> 왼쪽 정렬
TextAlign.right -> 오른쪽 정렬
TextAlign.center -> 중앙 정렬