SwiftUI小技巧之Text背景全屏背景

2020-03-09 11:00:00 浏览数 (1)

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

# 本文价值与收获

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

![铺满全屏的效果](https://upload-images.jianshu.io/upload_images/41085-3a62dffc1b4682ca.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

![原效果](https://upload-images.jianshu.io/upload_images/41085-532a9a64c3f35e20.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

## 看完本文您将掌握的技能

- 实现文本背景铺满全屏

- 深入掌握神奇的ZStack

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

```

ZStack {

Color.clea

self

}

}

```

- 构建自己的修饰器

```

extension View {

func expandable () -> some View {

// 您的代码

}

}

}

```

## 项目源码

```

import SwiftUI

extension View {

func expandable () -> some View {

ZStack {

Color.clea

self

}

}

}

struct ContentView: View {

var body: some View {

Text("Hello, World!")

.expandable()

.background(Color.orange)

}

}

```

## 技术交流

QQ:3365059189

SwiftUI技术交流QQ群:518696470

- 请关注我的专栏icloudend, [SwiftUI教程与源码](https://www.jianshu.com/c/7b3e3b671970)

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

0 人点赞