How can I make text resize automatically to fit within a frame in swiftUI?

Question

I need to make text fit within a frame. I have a view which is essentially a rectangular box with an image and text. If the text is too long I get "..." and the text is not in the view. How can I avoid this?

Here is my code:

 var body: some View {
        
            
                VStack(alignment: .center, spacing: 0) {
                    
                    WebImage(url: URL(string: productData.product_image))
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .cornerRadius(15)
                        .clipped()
                        .padding(5)
                    
                   
                Text(productData.product_name)
                    .font(.title2)
                    .fontWeight(.bold)
                    .foregroundColor(.black)
                    .padding()

                    
                Text(productData.product_type)
                    .font(.caption)
                    .foregroundColor(.gray)
                    .lineLimit(2)
                    .padding()
            }
                .frame(width: 150, height: 200)

    }

belal medhat · Accepted Answer · 2022-06-18 18:40:29Z

3

you have two options

1 - first one is to make a scale factor to the text depending on it's frame so when you have a text of size 30 width and 30 height and the text is 50 word that will not fit into the text frame so you could use and the text will get smaller to fit into the frame of text

Text("text of 50 word").frame(width: 30, height: 30, alignment: .center).minimumScaleFactor(0.5)

2 - second one is to use fixed-size modifier which will make the text fit into the text frame and make the text scrollable whether in vertical position or horizontal position using

fixedSize(horizontal: Bool, vertical: Bool)

check Apple docs for that https://developer.apple.com/documentation/swiftui/menu/fixedsize(horizontal:vertical:)

answered Jun 18, 2022 at 18:40

belal medhat

5341 gold badge4 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I make text resize automatically to fit within a frame in swiftUI?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related