SwiftUI 如何實現HStack非對稱居中

一、實戰需求

希望手動實現類型導航條的組件，其中title本部分要居中，按鈕要靠右側。這個需求該如何實現。

二、解決方案

目前可以有一下幾個方案L：

通過占位方式解決
通過ZStack實現

三、實戰代碼

1、通過占位實現

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack{
            Button("關閉") {}
                .hidden()
            Spacer()
            Text("居中")
            Spacer()
            Button("關閉") {}
        }
    .padding()
        .background(Color.orange)
    }
}

2、通過ZStack解決

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack{
           
            
            Text("居中")
            HStack{
                Spacer()
            Button("關閉") {}
            }
        }
    .padding()
        .background(Color.orange)
    }
}

技術交流

QQ:3365059189

SwiftUI技術交流QQ群:518696470

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/106418220

智能推薦

SwiftUI 基礎之List如何設置風格

UIKit時代我們可以給UITableview設置不同顯示風格，SwiftUI世界里該如何實現呢？實現方法非常簡單，請看效果和代碼效果 [email protected] 代碼參考文章 https://stackoverflow.com/questions/56498045/remove-extra-separators-below-list-in-swiftui 更多S...

SwiftUI 基礎之如何獲取json文件

創建一個playground 運行效果 image.png 更多SwiftUI教程和代碼關注專欄請關注我的專欄 SwiftUI教程與源碼...

SwiftUI Sqlite如何存儲復雜對象(2020)

SwiftUI Sqlite如何存儲復雜對象如何你有大量圖片或者復雜文本需要存儲，sqlite 的Blob類型將是你最佳的選擇代碼數據截圖 image.png 定義了NoteObject父類 NoteObject的子類來源 https://github.com/indaos/DaoNotes 更多SwiftUI教程和代碼關注專欄請關注我的專欄 SwiftUI教程與源碼...

SwiftUI APP如何取代AppDelegate和SceneDelegate

SwiftUI是構建應用程序的好方法。簡單，簡潔，快速。可以用一半的代碼行在SwiftUI中重新創建UIKit中的內容。以前需要數周才能完成的工作現在只需幾個小時。但是直到今天，它還是有一個嚴重的缺點：它依賴于UIKit。要顯示使用SwiftUI創建的視圖，您必須將其包裝在UIHostingController中，該包裝必須包裝在UIWindow中，而UIWindow必須在SceneDelega...

SwiftUI 初體驗 6 實現復雜界面

提示：如果List中嵌套ScrollView，而ScrollView包含NavigationLink，那么NavigationLink是不會導航成功的，有這類需求時，需要用其他方法。首先看目標效果是實現一個列表，嵌套可以橫向滑動的Row，頭部是Banner（暫時占位，后面的章節實現）定義最小的單位Item: renderingMode設置original是顯示圖像本身，resizable必須在...