如何在SwiftUI中有多個元素的情況下對齊元素？-有解無憂

我試圖在Hello World下面和Text1之后點亮我的文本Final Context但我無法這樣做，這是我的代碼。我是 SwiftUI 的新手。

    
           VStack {
               HStack{
                   Text("Text1")
                   Toggle(isOn: binding){
                    Text("Hello World")
                   }.padding()
               }
               Text("Final Context")
           }

        }

uj5u.com熱心網友回復：

那這個呢：

 struct align: View {
     @State private var binding = false
     var body: some View {
        HStack(alignment: .top){
              VStack{
                 Text("Text")
              }
              .padding(.top, 5)
              
              VStack(alignment: .leading){
                 
                 Toggle(isOn: $binding){
                    Text("Hello World")
                 }
                 
                 Text("Final Context")
              }
        }
     }
  }

uj5u.com熱心網友回復：

嘗試添加alignment: .leading到VStack：

VStack(alignment: .leading) {
    HStack {
        Text("Text")
        Toggle(isOn: binding) {
            Text("Hello World")
        }.padding()
    }
    Text("Final Context")
}

uj5u.com熱心網友回復：

您必須將 vStack 與領先對齊。您的代碼應如下所示：匯入 SwiftUI

struct ContentView: View {
    
    @State private var binding = false
    
    var body: some View {
        VStack(alignment: .leading) {
           HStack{
               Text("Text")
               Toggle(isOn: $binding){
                Text("Hello World")
               }.padding()
           }
           Text("Final Context")
       }
    }
}

然后你得到對齊，像這樣：

如何在 SwiftUI 中有多個元素的情況下對齊元素？

uj5u.com熱心網友回復：

使用VStack內部HStack.

var body: some View {
    VStack {
      HStack{
        Text("Text")
        VStack(alignment:.leading){
          Toggle(isOn: $toggle){
            Text("Hello World")
          }
          Text("Final Context")
        }
      }
    }
  }

如何在 SwiftUI 中有多個元素的情況下對齊元素？

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/476598.html

標籤：IOS 迅速迅捷垂直对齐

上一篇：為什么sslpinning對同步請求不起作用？

下一篇：如何快速修復URLQueryItem