[swiftUi] Text align 위치 정하기

반응형

반응형

반응형

 

(편법 아닌 편법이라도 괜찮다면....)

 

swiftUi로 개발을 하던 중, Text들의 위치를 왼쪽 정렬하여 배치해야 하는 일이 있었다.

하지만, HStack에 alignment로 leading을 주더라도, 텍스트의 길이가 길지 않으면 센터에 배치되는 문제가 발생했다.

이렇게 텍스트는 왼쪽으로 정열되지만, 텍스트의 위치는 센터에 있었다.

그래서... 아무리 찾아도 이걸 어떻게 해결해야 할지 모르겠더라...

 

패딩을 주기도 하고, frame으로 leading을 설정하기도 했는데, 적용되지 않았다.

 

나는 어떻게 해서든 이 문제를 해결해야 했기에, 일단 편법을 쓰기로 했다.

 

어찌 됐든 가장 하단에 있는 '도서 DB 제공' 부분은 오른쪽 끝에 위치하도록 둬야 했기에, 이 텍스트만 HStack으로 감싸서 왼쪽에 spacer를 줬다. 그랬더니 해결 완료~~

 

만약, 우측에 배치하는 텍스트가 없다면, 그냥 Text("") 이렇게 하고 Spacer를 주는 것도 방법이지 않을까...?

 

LazyVStack(spacing: 10) {
    VStack(alignment: .leading, spacing: 15){
            Text("책 소개").fontWeight(.bold)
            Text("자세히 보기").underline().font(.system(size: 12))
            HStack{
                Spacer()
                Text("도서 DB 제공: 알라딘").font(.system(size: 12)).padding(.top, 10)
            }
    }.padding(.horizontal, 20)
}

반응형

반응형

 

728x90

반응형