[一、基础控件]5使视图充满整个屏幕

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/16587181.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

SwiftUI在界面搭建时，会考虑到屏幕的安全区域，界面的元素被限制在刘海的下方。

本文演示如何使用界面元素可以突破这个安全限制，并撑满整个屏幕。

import SwiftUI

struct ContentView : View {
    
    var body: some View {
        //新建文本视图
        Text("Hello World")
            //设置文本视图的框架属性，不限制文本视图的最大宽度和最大高度
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            //设置文本视图的背景颜色为橙色，此时文本视图位于顶部刘海的下方
            .background(Color.orange)
            //设置文字的字体属性，以增加文字的尺寸
            .font(.largeTitle)
            //设置文本视图的边缘，
            //在上下左右四个方向上忽略安全区域的限制
            .edgesIgnoringSafeArea(.all)
        //文本视图忽略了安全区域的限制，从而可以撑满整个屏幕，
        //这个忽略安全区域的设置，不仅适用于文本视图，对SwiftUI里的其他视图也同样适用。
    }
}


#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        return ContentView()
    }
}
#endif