I have a view which has numeric values in it, when they get to big to fit the frame, I would like the entire view to have all text in it to resize. I have added .scaledToFit() after the .frame(width: 150, height:150) , but it still seems to only resize the individual Text String that contains the numeric value, instead of the whole view. Here's view

我有一个有数值的视图，当它们变大以适应框架时，我希望整个视图中的所有文本都可以调整大小。我已经在.Frame(宽度：150，高度：150)之后添加了.scaledToFit()，但它似乎仍然只调整包含数值的单个文本字符串的大小，而不是整个视图。这里有一个观点

//
//  ContentView.swift
//  SampleMRE
//
//  Created by Michael Rowe on 9/10/23.
//

import SwiftUI

var currencyFormatter: NumberFormatter = {
    let formatter = NumberFormatter()
    formatter.isLenient = true
    formatter.numberStyle = .currency
    return formatter
}()

struct ContentView: View {
    
    var body: some View {
        VStack {
            HStack {
                View1()
                    .frame(width: 150, height: 150)
                    .padding(5)
                    .background(Color.blue)
                View1()
                    .frame(width: 150, height: 150)
                    .padding(5)
                    .background(Color.red)
            }
        }
        .padding(.all, 40)
        .background(Color.gray)
    }
}

struct View1: View {
    @State private var floatValue1: Float = 9_9999.0
    @State private var floatValue2: Float = 999_999_999_999.99
    @State private var floatValue3: Float = 999_999_999_999.99
    var body: some View {
        VStack {
            HStack {
                Text("Heading")
                    .bold()
                    .multilineTextAlignment(.center)
            }
            HStack {
                Text("Value 1:")
                    .multilineTextAlignment(.leading)
                Spacer()
                Text(String(format: "%.0f", floatValue1))
                    .multilineTextAlignment(.leading)
            }
            .accessibilityElement(children: .combine)
            
            SummaryLine(label: String(localized: "Value 2"), amount: currencyFormatter.string(from: NSNumber(value: floatValue2)) ?? "--")
            SummaryLine(label: String(localized: "Value 3"), amount: currencyFormatter.string(from: NSNumber(value: floatValue3)) ?? "--")
        }
        .minimumScaleFactor(0.1)
        .scaledToFill()
        .frame(width: 150, height: 150)
        .padding(20)
    }
}

struct SummaryLine: View {
    var label: String
    var amount: String
    
    var body: some View {
        HStack {
            Text(label)
                .multilineTextAlignment(.trailing)
            Spacer()
            Text(amount)
                .multilineTextAlignment(.leading)
        }
        .accessibilityElement(children: .combine)
    }
}
#Preview {
    ContentView()
}

The order of modifiers is very important and .scaledToFit must come before .frame.

修改器的顺序非常重要，.scaledToFit必须在.Frame之前。

Try it like this:

像这样试一试：

VStack {
    // content as before
}
.minimumScaleFactor(0.1)
.scaledToFit()
.frame(width: 150, height: 150)
.padding(20)

If you still see small discrepancies then it may be because of the spacing on the HStack and VStack. Try using spacing: 0 on these and then use padding between the items.

如果您仍然看到微小的差异，则可能是因为HStack和VStack上的间距。尝试在这些项上使用间距：0，然后在这些项之间使用填充。

Screenshot from iPhone 14 Plus:

IPhone 14 Plus的屏幕截图：