Integrate finding a GIF to add to a message

[gnprice]

Feature request here:

GIFs are a beloved feature that it would be awesome to see equally integrated in all of the platforms.

I.e., this Zulip feature:
https://zulip.com/help/animated-gifs-from-giphy

This may be a bit complicated to implement, and it's a feature we don't have in zulip-mobile so it's for after launch. But users who enjoy that Zulip feature will appreciate having it on mobile.

[Sahil-kachhap]

• @gnprice are we supposed to show a preview of the gif/image in the textfield itself or just send the selected gif in the chat.
• I think both of these listed feature requests (support for gif and image from keyboard can be compiled in a single issue).
• I have been spending some time on this, the following snippet allows us to add these support:

   TextField(
        contentInsertionConfiguration: ContentInsertionConfiguration(
         onContentInserted: (data){
                   // process selected gif/image
          },
          allowedMimeTypes: const <String>['image/png', 'image/gif'],
       ),
    );

[gnprice]

The main goal is to have the image appear in the message that the user eventually sends, in the same way as other images currently do in Zulip messages.

Having it appear in the text field while the message is still being composed would be an interesting bonus feature, but I expect it will be complicated to make that work well in a way that fits smoothly with how Zulip messages are represented in the Zulip API, as Zulip Markdown. So it'd be a good idea to separate out anything like that into a separate commit or commits at the end of the PR, to make it possible to merge the main feature without that part.

Note that this issue has the "Post-launch" milestone, which means it's not something the core team would expect to get to ourselves until at least late this year, after this app is ready to replace the RN-based zulip-mobile app. We'll still take PRs for such issues, but for these it'll be extra important that the PRs be clean and easy to review:
https://zulip.readthedocs.io/en/latest/contributing/commit-discipline.html

[Syrineladeb02]

If this issue is available, I'd like to work on it.

[gnprice]

@Syrineladeb02 Please see our guide to picking an issue to work on:
https://github.com/zulip/zulip-flutter#picking-an-issue-to-work-on