`Because giphy_picker 1.0.8 depends on http ^0.12.0+2 and no versions of giphy_picker match >1.0.8 <2.0.0, giphy_picker ^1.0.8 requires http ^0.12.0+2.

Hey, thanks for this nice package.

I wanted to add some customization to the picker, since it's limited to some variables , I added GiphyDecorator which contains some values:

  final bool showAppBar;
  final ThemeData giphyTheme;
  final double searchElevation;

The most important is the giphyTheme , where we can set our own Theme (to avoid passing many params).

Also I added a bouncer for improve the delay when we are searching. It doesn't break anything, I added a new sample, you can see the result :

And this is the sample code (for my sample):

              final gif = await GiphyPicker.pickGif(
                context: context,
                apiKey: '[YOUR GIPHY APIKEY]',
                fullScreenDialog: false,
                decorator: GiphyDecorator(
                  showAppBar: false,
                  searchElevation: 4,
                  giphyTheme: ThemeData.dark().copyWith(
                    inputDecorationTheme: InputDecorationTheme(
                      border: InputBorder.none,
                      enabledBorder: InputBorder.none,
                      focusedBorder: InputBorder.none,
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                ),
              );

Hello, How can I change the label text color? We create an application in black, so that the text entered in the field is invisible to the user. Changing ThemeData does not affect the color on the form. Any ideas?

Example of ThemeData:

ThemeData(
        primaryColor: Color.fromRGBO(26, 30, 37, 1.0),
        backgroundColor: Color.fromRGBO(26, 30, 37, 1.0),
        textTheme: TextTheme(
          headline1: TextStyle(color: Colors.white),
          headline6: TextStyle(color: Colors.white),
          bodyText2: TextStyle(color: Colors.white),
        ),
        inputDecorationTheme: InputDecorationTheme(
          fillColor: Colors.white,
          focusColor: Colors.white,
          hoverColor: Colors.white,
          hintStyle: TextStyle(
            color: Color.fromRGBO(183, 192, 182, 1.0)
          ),
          counterStyle: TextStyle(
            color: Color.fromRGBO(183, 192, 182, 1.0)
          ),
          labelStyle: TextStyle(
            color: Color.fromRGBO(183, 192, 182, 1.0)
          ),
          contentPadding: new EdgeInsets.symmetric(vertical: 0.0),
        ),
        cursorColor: Colors.white,
        indicatorColor: Colors.white,
        focusColor: Colors.white,
        fontFamily: 'Avenir',
        scaffoldBackgroundColor: Colors.black,
        pageTransitionsTheme: PageTransitionsTheme(
          builders: {
            TargetPlatform.android: CupertinoPageTransitionsBuilder(),
            TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
          }
        )
      ),

Hello folks,

Thank you for making this amazing package. I've found that demo.gif from assets/ directory is packing into release build. What do you think, is it worth considering to exclude this 15mb file? Thank you :)

the new version is unable to compile version 1.0.1 is working fine

Compiler message: ../../development/flutter/.pub-cache/hosted/pub.dartlang.org/giphy_picker-1.0.2/lib/src/widgets/giphy_context.dart:40:10: Error: The method 'getElementForInheritedWidgetOfExactType' isn't defined for the class 'BuildContext'.

• 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('../../development/flutter/packages/flutter/lib/src/widgets/framework.dart'). Try correcting the name to the name of an existing method, or defining a method named 'getElementForInheritedWidgetOfExactType'. .getElementForInheritedWidgetOfExactType()

In order to fix this issue: https://github.com/firstfloorsoftware/giphy_picker/issues/15

This PR adds a new param GiphyPreviewType . The value by default is previewGif.

This is a sample using the new param with the value previewWebp :

          final gif = await GiphyPicker.pickGif(
            context: context,
            apiKey: '[YOUR GIPHY APIKEY]',
            fullScreenDialog: false,
            previewType: GiphyPreviewType.previewWebp,
            decorator: GiphyDecorator(
              showAppBar: false,
              searchElevation: 4,
              giphyTheme: ThemeData.dark().copyWith(
                inputDecorationTheme: InputDecorationTheme(
                  border: InputBorder.none,
                  enabledBorder: InputBorder.none,
                  focusedBorder: InputBorder.none,
                  contentPadding: EdgeInsets.zero,
                ),
              ),
            ),
          );

You can see now how the image is not blurry.

I wanted to add some customization to the picker, since it's limited to some variables , I added GiphyDecorator which contains some values:

  final bool showAppBar;
  final ThemeData giphyTheme;
  final double searchElevation;

The most important is the giphyTheme , where we can set our own Theme (to avoid passing many params).

Also I added a bouncer for improve the delay when we are searching. It doesn't break anything, I added a new sample, you can see the result :

And this is the sample code (for my sample):

              final gif = await GiphyPicker.pickGif(
                context: context,
                apiKey: '[YOUR GIPHY APIKEY]',
                fullScreenDialog: false,
                decorator: GiphyDecorator(
                  showAppBar: false,
                  searchElevation: 4,
                  giphyTheme: ThemeData.dark().copyWith(
                    inputDecorationTheme: InputDecorationTheme(
                      border: InputBorder.none,
                      enabledBorder: InputBorder.none,
                      focusedBorder: InputBorder.none,
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                ),
              );

Thank you for creating this plugin :) As I am building a proof-of-concept chat messenger, it is really useful!

• One feature, however, that I'd like is that I can select a gif without seeing a preview page, just like in WhatsApp etc. Hence, this PR introduces a showPreviewPage property.
• I would also like to be able to localize the screen, so I've added a searchText property too.
• I also updated to the latest gitignore and removed example/ios/Flutter/flutter_export_environment.sh from source control.

If you have any concerns, please raise them. Test on Android/iOS with showPreviewPage set to tru and false, everything working as expected.

I saw in the code you are using

final url =
        gif.images.previewGif.url ?? gif.images.fixedWidthSmallStill.url;

Which looks really blurred on high resolution devices, any way to add a new param to view the previews in the grid in a better resolution?

Popping all the way back to the initial screen could be unwanted behavior. This will cause it to only pop back to the screen where it was opened from.

It would be so awesome if you could just sort this warning that comes up during build:

/C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/giphy_picker-2.0.0/lib/src/widgets/giphy_search_view.dart:23:20: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.
 - 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/src/flutter/packages/flutter/lib/src/widgets/binding.dart').
    WidgetsBinding.instance?.addPostFrameCallback((_) {
                   ^

It's just a matter of removing that question mark after instance...

I am using giphy_picker for my custom GIF keyboard. when I try to load Emojis instead of GIFs and stickers by replacing the baseUri 'v1/stickers/trending' or 'v1/gifs/trending' with v1/emoji, it will display "No data" text. Thank you.

Added two parameter "showAttributionMark" and "attributionMarkDarkMode", the first shows attribution in the bottom of the search page, the second changes the image to fit dark mode.