前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SwiftUI小技巧之Text背景全屏背景

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

原创
作者头像
知识大胖
修改2020-03-09 11:00:00
1.2K0
修改2020-03-09 11:00:00
举报

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

# 本文价值与收获

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

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

![原效果](https://upload-images.jianshu.io/upload_images/41085-532a9a64c3f35e20.jpg?imageMogr2/auto-orient/strip%7CimageView2/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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档