I am new to gestures and I don't get any proper solution for achieving my request,
Can anyone help me in dragging a container up and down vertically to a certain point?.
I need to achieve something like the below image.
Thanks in advance.
Consider using draggable home if you want a ready-made similar effect.
If you want to replicate the goggle maps UI one-on-one, consider reading DraggableScrollableSheet and make one your own.
Hope it helps!
Related
I am trying to create a level graph as given in image which changes on level up or down. I not sure what is the right way to achieve this.
Please help. Thanks in advance!
A combination of Stack and CustomPaint might do the trick, check boxes can be Containers in-front of separate CustomPaint so you can change the color of each one depending on the user level.
I want to display some text and containers one by one slowly as shown in the below gif. I tried in list view also but could not achieve it. If anyone has any ideas could you suggest me?.
For this particular example in the video, you can use the flutter_staggered_animations package.
I’m trying to add an effect on a series of containers where they constantly move around a phone screen. This is similar to what is shown below, however they need to be able to bounce off each other too.
Has anyone tried something like this before and can point me on the right direction please? Worth noting that I need the containers to be widgets and so can’t just use a video.
Thanks a lot!
I'm generating multiple widgets(Containers in this case) using a ListView.builder and I also use a custom ClipPath to give a custom shape to them.
I was wondering if would it be possible to translate or somehow overlay those list items in order to place them so that the background(black area in the attached screenshot) would be covered. By that I mean I want to place them right under each other, like puzzle pieces. To be able to fit them right under each other would probably mean they would have to be overlayed somehow. Was googling but without any success.
Hopefully there's some Flutter experts out there who are nice enough to guide me. Thanks a lot!
I've been looking at integrating the OpenFlow API developed by Alex Fajkowski: http://fajkowski.com/blog/2009/08/02/openflow-a-coverflow-api-replacement-for-the-iphone/ into an app I am working on.
Does anyone know how I can stack the images vertically so that I can scroll the images from top to bottom/bottom to top like a rolodex?
The default behaviour is for OpenFlow to stack the images horizontally and scroll the images from right to left/left to right just like CoverFlow. I've been trying to get my head around how 3D animation is done in Objective-C without much success...
Thank you for your help in advance.
The really easy thing to do is to rotate the whole view with something like this:
openFlowView.transform = (CGAffineTransform){0,1,-1,0,0,0};
You'll then have to un-rotate all the flowing views (or rotate the images, or whatever).
The better way is to fix OpenFlow, but without looking at its source code, it's not obvious what to change (mostly you should just need to swap "x" and "y").