인프런 커뮤니티 질문&답변

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

코드팩토리 디스코드
https://bit.ly/3HzRzUM

Flutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!

text field의 label를 정렬할때

Column에 Text와 TextField의 자식이있는데

label정렬시에

textAlign: TextAlign.start로 적용은 안되고

Column의 crossAxisAlignment를 start로 주었습니다.

textAlign이 왜 적용이 안되는지 알기위해

text에다가 backgroundColor을 주었더니 딱 label글자크기만큼 차지하는것을 알수있었습니다.

Widget build(BuildContext context) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    //세로축(주축)은 최대너비 / 가로축(반대축은 최소너비)

    children: [
      Container(
        width: 900,
        color: Colors.red,
        child: Text(
          label,
          style: TextStyle(
            color: PRIMARY_COLOR,
            fontWeight: FontWeight.w600,
            backgroundColor: Colors.blue,
          ),
          textAlign: TextAlign.end, //??왜 이게아니고 crossAxis를 start로 정렬해야하는지..
        ),
      ),

textAlign의 사용법을 보니 Text위젯에 Container를 감싸서 너비를 준다음에 textAlign으로 정렬을 하더라고요

text의 너비는 그대로 글자크기만큼이고

Container의 너비에서 정렬하는게 textAlign인것 같은데

왜 Column으로 감싼 경우는 textAlign이 적용 안되는건가요?? crossAxisAlignment가 start, end 다 적용되는걸 보니 반대축(가로) 너비는 사이즈가 있는것 같아서요