Design broken in certain android versions

sskhandek / react-native-emoji-input

A fully-featured emoji keyboard ⌨️ for React Native ⚛️

MIT License

71 stars 38 forks source link

Design broken in certain android versions #47

Closed prasanthsd closed 4 years ago

prasanthsd commented 4 years ago

Hi,

When I use this library on android 6.0 and 7.0 the design of the smiley keyboard is broken. In 7.1 and above it works great. Any hints on how to solve this?

rijn commented 4 years ago

Old android version doesn't support all composed emoji. You can follow the readme and filter the unsupport emojis. I won't suggest to use image view to support new emoji on legacy devices since it won't work in your text input and it will have huge impact on performance.

xeroe commented 3 years ago

Had the same problem on older android version. Issue was, that some combined emojis use multiple chars when not supporting and ruining layout.

I filtered them out using

filterFunctionByUnicode = (emoji) => { return ( (emoji.lib.added_in === "6.0" || emoji.lib.added_in === "6.1") && emoji.char.length < 3 ); }; <EmojiInput filterFunctions={[this.filterFunctionByUnicode]} />