Login required for access
In order to watch this lesson, you'll need to login to the website.
Chat Log UI Setup
SwiftUI Firebase Real Time ChatChatLogView is the View that will be used for showing all messages between the currently logged in user and the target user.
ChatLogView.swift
struct ChatLogView: View { let chatUser: ChatUser? @State var chatText = "" var body: some View { ZStack { messagesView VStack(spacing: 0) { Spacer() chatBottomBar .background(Color.white.ignoresSafeArea()) } } .navigationTitle(chatUser?.email ?? "") .navigationBarTitleDisplayMode(.inline) } private var messagesView: some View { ScrollView { ForEach(0..<20) { num in HStack { Spacer() HStack { Text("FAKE MESSAGE FOR NOW") .foregroundColor(.white) } .padding() .background(Color.blue) .cornerRadius(8) } .padding(.horizontal) .padding(.top, 8) } HStack{ Spacer() } .frame(height: 50) } .background(Color(.init(white: 0.95, alpha: 1))) } private var chatBottomBar: some View { HStack(spacing: 16) { Image(systemName: "photo.on.rectangle") .font(.system(size: 24)) .foregroundColor(Color(.darkGray)) ZStack { DescriptionPlaceholder() TextEditor(text: $chatText) .opacity(chatText.isEmpty ? 0.5 : 1) } .frame(height: 40) Button { } label: { Text("Send") .foregroundColor(.white) } .padding(.horizontal) .padding(.vertical, 8) .background(Color.blue) .cornerRadius(4) } .padding(.horizontal) .padding(.vertical, 8) }}private struct DescriptionPlaceholder: View { var body: some View { HStack { Text("Description") .foregroundColor(Color(.gray)) .font(.system(size: 17)) .padding(.leading, 5) .padding(.top, -4) Spacer() } }} Comments (0)
Please contact admin@letsbuildthatapp.com if you have any issues.