Chat聊天App第6节课创建主聊天静态页面

Chat聊天App第6节课创建主聊天静态页面

核心源码:

//
//  MainMessageView.swift
//  LuJunChatDemo
//
//  Created by lujun on 2022/4/20.
//
import SwiftUI
struct MainMessageView: View {
   
    
    @State var shouldShowLogOutOptions  = false
    
    var body: some View {
   
        NavigationView{
   
            VStack {
   
               
                customNavBar
                
                messagesView
                
                .overlay(newMessageButton,alignment: .bottom)

                   
            }
            .navigationBarHidden(true)
            .navigationTitle("消息")
        }
    }
}

struct MainMessageView_Previews: PreviewProvider {
   
    static var previews: some View {
   
        MainMessageView()
    }
}


extension MainMessageView {
   
    
    private var customNavBar: some View {
   
        HStack{
   
            Image(systemName: "person.fill")
                .font(.system