如何在按邮件周围显示弹出窗口？ | Flyerchat |反应天然

Question

I am using flyerhq https://github.com/flyerhq/react-native-chat- UI 用于聊天功能。

我想在按压消息周围显示弹出窗口。

以下是显示聊天消息并获得长期事件的代码。

 <FlyerHQChat
        onMessageLongPress={(messageInfo: MessageType.Any) => {
          setMessageDetails(messageInfo);
          setOpen(true);
        }}
    ....
  />

这是当前弹出案的代码

<TouchableOpacity ref={touchable}>
        
      </TouchableOpacity>
      <Popover
        from={touchable}
        isVisible={open}
        onRequestClose={() => setOpen(false)}
        arrowSize={{ height: 0, width: 0 }}>
       
                <Text>This is popover </Text>
       
      </Popover>

，屏幕顶部显示的弹出窗口

是Demo https://drive.google.com/file/d/1wazkkmevrbxewm9azvvav9c4wn8xuuuy9/view

当前popover