SwiftUI 如何实现HStack非对称居中

最新推荐文章于 2024-02-25 10:55:50 发布

知识大胖

最新推荐文章于 2024-02-25 10:55:50 发布

阅读量1k

点赞数

分类专栏： SwiftUI源码大全

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

版权

SwiftUI源码大全专栏收录该内容

1345 篇文章 342 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在SwiftUI中实现HStack组件的非对称居中，具体包括两种解决方案：一是利用占位元素来达成目标，二是通过ZStack结合布局进行实现。并提供了相关实战代码示例，适合SwiftUI开发者参考。

摘要由CSDN通过智能技术生成

一、实战需求

希望手动实现类型导航条的组件，其中title本部分要居中，按钮要靠右侧。这个需求该如何实现。

二、解决方案

目前可以有一下几个方案L：

通过占位方式解决
通过ZStack实现

三、实战代码

1、通过占位实现

import SwiftUI

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