text - SwiftUI - VStack 使子文本跨全宽

Question

我正在尝试构建一个Text在VStack. 我想VStack填满屏幕的整个宽度，我希望Text它里面也能做同样的事情。据我所知，代码如下：

import SwiftUI

struct Test: View {
    @State private var text = "Hello, World!"

    var body: some View {
        VStack {
            Text(text)
                .frame(maxWidth: .infinity)
                .animation(.default)
            Button(action: {
                self.text = (self.text == "Text") ? "Hello, World!" : "Text"
            }) {
                Text("Toggle")
            }
        }
        .frame(maxWidth: .infinity)
    }
}

struct Test_Previews: PreviewProvider {
    static var previews: some View {
        Test()
    }
}

当我检查预览并将鼠标悬停在文本和堆栈上时，它完全显示了我的预期，Text即全宽。但是，当我运行应用程序并调试视图层次结构时，它显示Text框架已调整大小以适合文本。虽然通常我不会介意这一点，但当文本更改为更长的副本时，它会导致动画显示椭圆。是否可以停止Text调整大小以适应副本？

标签： textswiftuivstack

Answer 1

您可以尝试其他动画，例如spring：

            Text(text)
            .frame(maxWidth: .infinity)
            .animation(.spring(response: 0.0, dampingFraction:0.2))