How to popup the message menu on long press gesture?

[x-0o0]

I tried to popup the menu on long press by using ContextMenu modifier, but it works weird. How to popup the message menu on long press gesture?

[x-0o0]

Updated in 1.0.0-beta.2

You can add message menus to display when a rowContent(such as MessageRow) is on long press gesture by setting menuContent parameter of the MessageList initializer.

MessageMenu and MessageMenuButtonStyle allow you to create message menu more easily. Here is an example:

MessageList(messages) { message in
    // row content
    MessageRow(message: message)
        .padding(.top, 12)
} menuContent: { highlightMessage in 
    // menu content
    MessageMenu {
        Button("Copy", action: copy)
            .buttonStyle(MessageMenuButtonStyle(symbol: "doc.on.doc"))
        
        Divider()
            
        Button("Reply", action: reply)
            .buttonStyle(MessageMenuButtonStyle(symbol: "arrowshape.turn.up.right"))
            
        Divider()
        
        Button("Delete", action: delete)
            .buttonStyle(MessageMenuButtonStyle(symbol: "trash"))
    }
    .padding(.top, 12)
}

Old

Currently (1.0.0-beta.1), to use reversed list(the one that shows most recent entries at the bottom and auto-scrolls to the bottom), MessageList flips both the list and each of its row content. It causes the context menu to shows messages flipped.
My current recommendation is to use Menu. As a default, Menu pops up on tap gesture, but primaryAction parameter makes it to pop up on long press.

ZStack {
     MessageRow(message: message)

     Menu {
         Button(action: copy) {
             Label("Copy", systemImage: "doc.on.doc.fill")
         }
         Button(action: reply) {
             Label("Reply", systemImage: "arrowshape.turn.up.right.fill")
         }
         Button(action: delete) {
             Label("Delete", systemImage: "trash.fill")
         }
     } label: {
         Color.clear
     } primaryAction: {

     }
 }