search

Fintasys / emoji_picker_flutter

A Flutter package that provides an Emoji picker widget with 1500+ emojis in 8 categories.
MIT License
170 stars 127 forks source link

flutter web build --release , the emoji not showing color #127

Closed fujianlian closed 1 year ago

fujianlian commented 1 year ago

截屏2023-02-27 17 32 29

Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.3.10, on macOS 13.0.1 22A400 darwin-arm, locale zh-Hans-CN) [✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2) [✓] Xcode - develop for iOS and macOS (Xcode 14.1) [✓] Chrome - develop for the web [✓] IntelliJ IDEA Community Edition (version 2022.3.1) [✓] VS Code (version 1.75.1) [!] Proxy Configuration ! NO_PROXY is not set [✓] Connected device (2 available) [✓] HTTP Host Availability

hoanganhsong1 commented 1 year ago

You could you Google Noto Color Emoji font

emojiTextStyle: GoogleFonts.notoColorEmoji()

victor-suri commented 1 year ago

Hi! This solved the problem but caused other: the big word spacing. Apparently it's not configurable through TextStyle.wordSpacing (I tried some values with no success). Do you have any tip? Thank you!

Screenshot 2023-03-01 at 3 45 12 PM

You could you Google Noto Color Emoji font

emojiTextStyle: GoogleFonts.notoColorEmoji()

Fintasys commented 1 year ago

Difficult to tell without seeing any code, if you can provide a example code we can take a look.

victor-suri commented 1 year ago

Hi, I managed to solve this large space problem using the NotoColorEmoji font as fallback font family:

TextFormField(
   // ...
   style: const TextStyle(
      fontFamily: 'Inter',
      fontFamilyFallback: ['NotoColorEmoji'],
   ),
   // ...
)

So the Inter font is used with simple text and NotoColorEmoji with emojis