flutter – Bottom overflow issue when I click the emoji button and emojis are not displayed

I am developing a chatapp using flutter,nodejs and socket.io. The issue is in my chatting page, when i click the emoji button, the bottom overflow error occurs also the emojis are not displayed. I used emoji_picker_flutter 1.6.3 package. I published this project in my GitHub repository -> text. GO to folder lib->screens->person_screen.dart. This file contains the emoji picker.

I tried some solutions such as wrapping columns with the Singlechildscrollview, expanded widgets. But still not solved and its almost a day gone. So I want to have the emojis to be displayed and when i click again that should hide.