[swift] swiftui Text 사이즈에 맞춰서 frame크기 정하기 (fixedSize)

예시 :

아래 코드를 실행시키면

struct Title: View {
    var body: some View {
        VStack {
            Text("Statistics")
            Rectangle()
            .foregroundColor(.red)
            .frame(height: (5.0))
        }
    }
}

반응형

위와 같이 빨간줄이 생긴다.

하지만 내가 원하는 건..!!

이렇게 text 사이즈에 맞춰서 frame크기가 지정되길 바란다. 

다음과 같이 코드를 수정하면 된다 !!!!

 

struct Title: View {
    var body: some View {
        VStack {
            Text("Statistics")
            Rectangle()
            .foregroundColor(.red)
            .frame(height: (5.0))
        }.fixedSize()
    }
}

해결방법 :

Text()를 Vstack으로 감싸고 Vstack에 .fixedSize()를 적용해준당

 

 

 

++ 추가!!

fixedSize()에는 horizontal, vertical변수가 있어서 내가 선택해서 고정하고 싶은 폭을 정할 수 있다

예 : 세로폭은 text 사이즈에 맞추고 싶은데 가로폭은 100으로 고정되었으면 좋겠다!

VStack {
  VStack {
    Text("Hello")
      .foregroundColor(Color.black)
  }
  .fixedSize(horizontal: false, vertical: true)
}
.frame(width: 100)