並排創建兩個按鈕而不會中斷

Question

我有一個視圖，我想在其中添加兩個按鈕，其中第一個按鈕位於屏幕中間，然后另一個按鈕從另一個按鈕開始。

我的代碼如下所示，除了兩個按鈕之間有一個我不想要的空間之外，它還可以工作。

var screenWidth = UIScreen.main.bounds.size.width

var body: some View {
    
    HStack() {
        
        Button(action: {
            
            print("Create Pool")
            
        }) {
            
            Text("Create")
            
        }
        .frame(width: screenWidth/2, height: 200, alignment: .center )
        .background(Color.blue)
        //.padding(0)
    
        Button(action: {
            
            print("Join Pool")
            
        } ) {
            
            Text("Join")
            
        }
        .frame(width: screenWidth/2, height: 200, alignment: .center )
        //.frame(minWidth: screenWidth/2)
        .background(Color.red)
        //.padding(0)
        
    }
    .padding(0)
    
}

任何人都可以幫助刪除空間，所以它確實是一個按鈕結束另一個按鈕開始的地方。

Answer 1

向 hstack 添加間距

 HStack(spacing: 0) {