nickwu241 / instagroot

Instagram clone for Groot created using Flutter!

Instagroot

Here's a Blog Post on my experience creating Instagroot and a Demo Video on YouTube!

Instagram clone for Groot created using Flutter. Demo App is available on Google Play Store.

Picture Credits

Groot pictures taken from Pixabay, Pexels, IconFinder.

instagroot's Issues

HeartOverlayAnimator appearing on all images/posts in list view.

Hi,

I am using this HeartOverlayAnimator in my project. Expected result is this effect must display only on image/post which user will like(double tap). When i double tap on image/post this icon is appearing on all images/posts. I already have like button implemented and only need this HeartOverlayAnimator effect when user like any post/image.

I have used HeartOverlayAnimator like below.

import 'package:cmpic/widgets/heartoverlay.dart';
final StreamController<void> _doubleTapImageEvents =
    StreamController.broadcast();

i have a function which handles like event. In that function i have written this.

 if (_isLiked) // display overlay only for Like event and not for Unlike.
_doubleTapImageEvents.sink.add(null);

below is my gesture detector for post/images.

GestureDetector(
                          onDoubleTap: () => handleLikePost(products[index]),
                          child: Stack(
                            alignment: Alignment.center,
                            children: <Widget>[
                              CachedNetworkImage(
                                width: MediaQuery.of(context).size.width - 2,
                                imageUrl: products[index].entryimgpathbig,
                                placeholder: (context, url) =>
                                    new CircularProgressIndicator(),
                                errorWidget: (context, url, error) =>
                                    new Icon(Icons.error),
                              ),

                              HeartOverlayAnimator(
                                  triggerAnimationStream:
                                      _doubleTapImageEvents.stream),
                            ],
                          ),
                        ),

is there anything i am missing or implementing wrong? Please let me know how to display this effect on only images/post which user has doubletapped/liked.

thanks in advance.