在使用SwiftUI过程中,我们经常会遇到设置背景的问题,特别是是我们需要设置一下啊全局背景。这个时候该如何处理呢。

本文价值与收获

看完本文后,您将能够作出下面的界面

铺满全屏的效果

原效果

看完本文您将掌握的技能

  • 实现文本背景铺满全屏
  • 深入掌握神奇的ZStack

SwiftUI是一层包裹一层的,我们给任何View都可以包裹上一个ZStack

        ZStack {
            Color.clear
            self
        }
    }
  • 构建自己的修饰器
extension View {
    func expandable () -> some View {
     // 您的代码
        }
    }
}

项目源码

import SwiftUI

extension View {
    func expandable () -> some View {
        ZStack {
            Color.clear
            self
        }
    }
}


struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
        .expandable()
        .background(Color.orange)
    }
}

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

https://www.jianshu.com/c/7b3...


iCloudEnd
36 声望10 粉丝

iOS & Mac OS 攻城师 (历史 & 金融 & 美食 爱好者)