anupkumarpanwar/swipe_cards

Tinder like swipe cards for flutter.

swipe_cards's Issues

Back card not loading issue

When you swipe the card lightly and the card is not dragged, then when you swipe again it doesn't load next card and shows a white screen instead, then it loads when the swiping is fully completed. This happens then for all the remaining cards on the stack.

how can we store the value of cards(false or true) in list to store it on firebase

please guide me through this I'm stuck with this

is any possible to disable the bottom draggable ?

whatever touched top or bottom , always rotate top to left when swipe to left and rotate to right when swipe to right ?

The getter 'width' was called on null.

This L287 throwing an error of The getter 'width' was called on null.

Is there a way to fix this?

List<SwipeItem> _swipeItems = [];

final MatchEngine matchEngine = new MatchEngine(
    swipeItems: edges.map((edge) {
  final post = Post.fromJson(edge);
  final swipeItem = SwipeItem(
    content: post,
    likeAction: () {
      launchURL(post.node.slug);
    },
  );
  _swipeItems.add(swipeItem);
  return swipeItem;
}).toList());
return MyHomePage(
  matchEngine: matchEngine,
  swipeItems: _swipeItems,
);

Using it as follows.
Then in MyHomePage

Scaffold(
      appBar: _buildAppBar(),
      body: Center(
        child: Container(
          constraints: BoxConstraints(
            minWidth: 300,
            maxWidth: 500,
            maxHeight: 730,
          ),
          padding: EdgeInsets.all(10),
          child: SwipeCards(
            matchEngine: matchEngine,
            itemBuilder: (BuildContext context, int index) {
              return ProfileCard(
                post: swipeItems[index].content,
              );
            },
            onStackFinished: () {
              print('finished');
            },
          ),
        ),
      ),
      bottomNavigationBar: _buildBottomBar(),
);

Thank you for this package but Match card stops working after re-initializing MatchMachine

I want to say a big thank you for creating this package. I love your package and it is helpful

I wanted to make sure that cards on the stack did not finish from the stack, so I re-initialized like below:

  void initState() {
    super.initState();
    _init();
  }

  void _init() {
    for (int i = 0; i < matches.length; i++) {
      _swipeItems.add(
        SwipeItem(
          content: MatchData(
              image: matches[i].image,
              userName: matches[i].userName,
              age: matches[i].age,
              gender: matches[i].gender,
              role: matches[i].role,
              travelingTo: matches[i].travelingTo,
              opt1: matches[i].opt1,
              opt2: matches[i].opt2,
              isVerified: matches[i].isVerified,
              numberOfTipsGiven: matches[i].numberOfTipsGiven,
              startMonth: matches[i].startMonth,
              endMonth: matches[i].endMonth,
              travelYear: matches[i].travelYear,
              travelAideRating: matches[i].travelAideRating,
              selectedOpt: matches[i].selectedOpt),
        ),
      );
    }
    _matchEngine = MatchEngine(swipeItems: _swipeItems);
    Provider.of<RequestProvider>(context, listen: false).matchEngine =
        _matchEngine!;
  }```

but methods from the matchmachine which I believe is the Controller, stops working unexpectedly

``` widget.matchEngine.currentItem?.nope();

How do I resolve this?

Back card swiped

Sometimes back card swiped. Please do the needful. I am attached the video, Please go through it.

Uploading 2021_08_18_17_10_45_trim.mp4…

Shadow bug

Quite minor issue.

When card has a shadow, the initial shadow is darker than it should. It's visible in the video from the other issue:
#13

Notice how the shadow gets darker when the card loads.

I guess it could be caused by the bottom card not being applied the 0.9 transformation on initial render, but seemed good in the code, so not sure.

Dispose slideOutAnimation

Hello,

It seems that in "draggable_card.dart" the AnimationController slideOutAnimation should be disposed in dispose method like the slideBackAnimation is ?

need to pre load next image like other datings apps swipe card

when we swipe 50% of a user profile or example, it does not show next user image as pre loaded, if i swipe user for 50% or more, then next user profile should be visible lke swipe funcction of other dating apps like tinder etc

How to add more cards underneath existing cards dynamically?

This is my need:
After swiping, when there are only 5 cards left, I need to insert/append more cards

How to achieve this?

Need loop functionality

Please provide loop functionality. If the images are completed then the black page is showing.

matchEngine.rewindMatch() gives an error on last card

If you swipe through all of the cards, and then undo the last one using matchEngine.rewindMatch(), you get a Null error.

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Null check operator used on a null value

Show stacked cards in different positions to deck effect

Hi there, I'm using this plugin and I would like to know if is possible to show the complete stack each card with a different top position relative between each other, that way the user can see the full stack of cards, this is to create a deck effect and give more visibility to the user.
thanks

After Swipe Some Cards or Swipe Fast from Like Button Back Card disappear

• After Swipe Like and Then Press on the Like Button (Continues Swipe and Press Like Button fast) after some time Swipe Back Card Disappear
  

Add function for when front-card is mounted

In my app I use a textField inside of a SwipeItem sometimes.

When autofocus: true is set, the keyboard opens automatically causing the cards to re-size. This is the expected behaviour, but if the card behind has a textField and the card infront does not, the keyboard is opened also.

Is there anyway from inside the SwipeItem to tell if it's the current item? or a callback that fires when it becomes the current item?

thanks,
Jesse,

Swipe card behind current card when going fast

When you swipe really fast the card behind can sometimes get picked up and swiped.

edit to the plugin....

1. i want to add if swipe up it should not remove from the list.
   2 i want to add swipe down.

can u help with seperate repo for this or add option to the plugins

Card disappearing during swiping

I've found a bug that occurs when you change cards in the match engine, sometime the front card would not render.

The fix:

in swipe_cards build method:

DraggableCard(
            key: ValueKey(widget.matchEngine.currentItem!.content), // Add a key --> you'll also need to add the key param to the draggable card widget

I won't do a PR because I have a lot of custom changes in my fork, but this could save someone a few hours of debugging.

Is it possible to use without set height?

https://prnt.sc/SbvNQ3vnFgst

Please check this.

Thank in advance.

Back card does not preload until the front card is fully swiped

Whenever a card is being dragged, the back card will still show the same content of the front card.

The content of the back card is only loaded when the front card is completely swiped; in the meantime it will still show the swiped card content.

Attached you can find evidence of this behavior. I followed the example from pub.dev to create the stack as well.

Screen.Recording.2022-03-30.at.6.26.23.PM.mov

add image list example

add image list example readme file.. good work.

Disable swipe up and down

An ability to configure swipes directions would be really great.

final allowedActions = [
    SwipeDirection.right,
    SwipeDirection.left,
];

Something like this or

final notAllowedActions = [
    SwipeDirection.up,
    SwipeDirection.down,
];

左右滑动后发送请求，请求失败的情况下，怎么让卡片返回来

左右滑动后发送请求，请求失败的情况下，怎么让卡片返回来

Swipe Update CallBack

Hey I think there is need of onSwipeUpdateCallback just like

onSwipeUpdateCallback(DragUpdateDetails details, Alignment align) { }

I need drapupdatedetails and Alignment or offset while swiping a card.
Thanks

Swipe is not working with admob banner ads

Hello, I have added an admob banner on the swipe card, and when I try to swipe, it is not working correctly.
When I swipe the card, it getting returning back and stuck the swipe