[SwiftUI] scaledToFill vs scaledToFit와 frame의 순서

scaledToFill vs scaledToFit

scaledToFill vs scaledToFit

 

 

 

 

⚠️ 순서에 유의! scaledToFill이 먼저 와야함

HStack{
                KFImage(URL(string: feed.profileImage))
                    .resizable()
                    .clipShape(Circle())
                    //순서에 유의! 
                    .frame(width: .screenWidth*0.13, height: .screenWidth*0.13)
                    .scaledToFill()
                    .border(.black)
                Text("\(feed.creatorID)")
                Spacer()
            }

 

먼저 이미지를 조정하고 사이즈를 잘라준다. 

HStack{
                KFImage(URL(string: feed.profileImage))
                    .resizable()
                    .clipShape(Circle())
                    
                    //scaledToFill이 먼저 와야함
                    .scaledToFill()
                    .frame(width: .screenWidth*0.13, height: .screenWidth*0.13)
                    .border(.black)
                Text("\(feed.creatorID)")
                Spacer()
            }

 

 

frame(width:height:alignment:)

Positions this view within an invisible frame with the specified size.

: 지정된 크기로 보이지 않는 프레임 내에 이 뷰를 배치합니다.

 

 

⚠️먼저 이미지를 비율에 맞춰 자르고(scaledToFill) 프레임(frame)을 배치할 것