emoji_picker_flutter icon indicating copy to clipboard operation
emoji_picker_flutter copied to clipboard

Support Web platform

Open Fintasys opened this issue 3 years ago • 10 comments

Every platform seems not support all of the emoji and it's difficult to filter them. I'm looking for ideas for filtering methods beside doing it manually.

Fintasys avatar Mar 16 '21 16:03 Fintasys

I'd say you can just depend on this https://pub.dev/packages/universal_platform

gooplancton avatar Aug 13 '21 13:08 gooplancton

@Fintasys Do you have any advancements for web and MacOS support? Maybe i can help you

jluisrojas avatar Sep 10 '21 23:09 jluisrojas

@JLuisRojas Thanks for bringing this up again ! I quickly looked into it and seems MacOS and Web (when used with html-render) actually works quite well. Give me a few days to test it more carefully also on other OS than MacOS in case of Web support. If it looks fine I gonna release it soon 👍

Fintasys avatar Sep 11 '21 05:09 Fintasys

Perfect! Thanks

jluisrojas avatar Sep 11 '21 12:09 jluisrojas

@JLuisRojas Thanks for bringing this up again ! I quickly looked into it and seems MacOS and Web (when used with html-render) actually works quite well. Give me a few days to test it more carefully also on other OS than MacOS in case of Web support. If it looks fine I gonna release it soon 👍

Cheering for you mate! 💯 Also IMHO, we can prioritize just the web support as Flutter Web is a major shareholder compared to macOS and other OSes. Thanks!

aliasgarlabs avatar Sep 13 '21 10:09 aliasgarlabs

@JLuisRojas I was looking more closely into web the other day and I still see lot of issues. Most troublesome is that some emoji's can't be displayed and we can't just filter them like we do on Android. Solution would be to add NotoColorEmoji font to the project but it would add like 10 mb to the app size, which I would like not to do if possible. If you have any other ideas for workaround let me know. I'm keep watching serval flutter issues for the moment and see if something changes.

Fintasys avatar Oct 07 '21 14:10 Fintasys

It would be good to add Web support! Any progress on the web if I may ask?

telostia avatar Feb 16 '22 11:02 telostia

@telostia Unfortunately not, there has been also no progress from flutter's side to address existing issues. Eventuelly I could add custom font support so that people could optionally add the NotoColorEmoji font themselves 🤔 will think about it.

Fintasys avatar Feb 18 '22 11:02 Fintasys

@JLuisRojas I was looking more closely into web the other day and I still see lot of issues. Most troublesome is that some emoji's can't be displayed and we can't just filter them like we do on Android. Solution would be to add NotoColorEmoji font to the project but it would add like 10 mb to the app size, which I would like not to do if possible. If you have any other ideas for workaround let me know. I'm keep watching serval flutter issues for the moment and see if something changes.

I was researching this today and found a comment: https://stackoverflow.com/questions/52366470/how-to-check-if-an-emoji-is-supported-by-any-device-or-not

Basically it says that if you draw an emoji using the canvas and compare it to a character that you know will not be compatible (\u1fff) you can test if the emoji will be visible to the user or not.

Does anyone know how to implement this in Flutter?

marcusgregory avatar Apr 01 '22 14:04 marcusgregory

Following, trying to implement this package into an upcoming app and am trying to figure out the web side of it.

SmithZachary avatar Apr 01 '22 15:04 SmithZachary

Any news with web support?

thorito avatar Sep 05 '22 07:09 thorito

@thorito @telostia @aliasgarlabs @JLuisRojas I made a new draft PR to add Web support. Thx to recent changes from other contributors we have custom font support now and that should help with web support. I'm planing to release current master soon as new version and web support then again in another version to keep the possibility to go back in case something is not working well. But until now you can test it by using this

  emoji_picker_flutter:
    git:
      url: https://github.com/Fintasys/emoji_picker_flutter.git
      ref: Add-Web-Support-2

Fintasys avatar Sep 28 '22 15:09 Fintasys

@thorito @telostia @aliasgarlabs @JLuisRojas I made a new draft PR to add Web support. Thx to recent changes from other contributors we have custom font support now and that should help with web support. I'm planing to release current master soon as new version and web support then again in another version to keep the possibility to go back in case something is not working well. But until now you can test it by using this

  emoji_picker_flutter:
    git:
      url: https://github.com/Fintasys/emoji_picker_flutter.git
      ref: Add-Web-Support-2

image

Great job, works fine.

Thank you very much

thorito avatar Sep 30 '22 22:09 thorito

Added support for Flutter Web with release 1.5.0.

Fintasys avatar Oct 17 '22 05:10 Fintasys