第1章第5节：如何使视图充满整个屏幕 [SwiftUI快速入门到实战]

• 本课程源码下载：互动教程网 http://hdjc8.com/hdjc/swiftUI/

1. SwiftUI在界面搭建时，会考虑到屏幕设备的安全区域，界面的元素被限制在刘海的下方。本节课演示如何使界面元素可以突破这个安全限制，并撑满整个屏幕。
   

2. 设置文本视图的框架属性，不限制文本视图的最大宽度和最大高度。
   

3. 设置文本视图的背景颜色为橙色，从右侧的预览窗口可以看出，文本视图位于顶部刘海的下方。
   

4. 设置文字的字体属性，以增加文字的尺寸。
   

5. 接着设置文本视图的边缘，在上下左右四个方向上忽略安全区域的限制。点击此处的按钮，缩小预览窗口的显示比例。
   

6. 文本视图忽略了安全区域的限制，从而可以撑满整个屏幕。这个忽略安全区域的设置，不仅适用于文本视图，对SwiftUI里的其它视图也同样适用。
   

本节源码：

//
//  ContentView.swift
//  Copyright © www.hdjc8.com 互动教程网
//

import SwiftUI

struct ContentView : View {
    
    var body: some View {
        Text("Interactive tutorials")
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            .background(Color.orange)
            .font(.largeTitle)
            .edgesIgnoringSafeArea(.all)
    }
}


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