ChatRow struct from contentView.swift

struct.swift

// ChatRow will be a view similar to a Cell in standard Swift
struct ChatRow : View {
    
    // we will need to access and represent the chatMessages here
    var chatMessage: ChatMessage
    
    // body - is the body of the view, just like the body of the first view we created when opened the project
    var body: some View {
        // HStack - is a horizontal stack. We let the SwiftUI know that we need to place 
        // all the following contents horizontally one after another
        HStack {
            Group {
                Text(chatMessage.avatar)
                Text(chatMessage.message)
                    .bold()
                    .padding(10)
                    .foregroundColor(Color.white)
                    .background(chatMessage.color)
                    .cornerRadius(10)
            }
        }
    }
}

Updated on Oct 11, 2019