Fintasys / emoji_picker_flutter

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

Issue in Dark Mode for Search Bar Emojis. #200

Open dkliss opened 1 month ago

dkliss commented 1 month ago

Hi, There is a small issue when using the emoji in dark mode as shown below. Is it possible to apply this fix?

ISSUE: When search is selected the emojis are shown as light instead of dark mode even when background is dark.

REASON: Use of material without color below causes dark mode to show light bar of emojis.

image

  Material(
              child: SizedBox(
                height: emojiBoxSize + 8.0,
                child: ListView.builder(
                  padding: const EdgeInsets.symmetric(vertical: 4.0),
                  scrollDirection: Axis.horizontal,
                  itemCount: results.length,
                  itemBuilder: (context, index) {
                    return buildEmoji(
                      results[index],
                      emojiSize,
                      emojiBoxSize,
                    );
                  },
                ),
              ),
            ),

FIX: Either remove Material from below or set color as transparent as shown below.

image

Material(
              color: Colors.transparent,
              child: SizedBox(
                height: emojiBoxSize + 8.0,
                child: ListView.builder(
                  padding: const EdgeInsets.symmetric(vertical: 4.0),
                  scrollDirection: Axis.horizontal,
                  itemCount: results.length,
                  itemBuilder: (context, index) {
                    return buildEmoji(
                      results[index],
                      emojiSize,
                      emojiBoxSize,
                    );
                  },
                ),
              ),
            )