I am trying to create a list of months, and their days Like this, using a vertical pageview wont do, because the months don't all have the same size, and a listview does not let me set a default position easily. Is there a good way to approach this that I am not thinking of?
So I found https://pub.dev/packages/indexed_list_view which lets me do exactly what I want to, scroll in any direction, and jump to a location :)
Related
I am very new to flutter and modern programming languages at all. At the moment I am working together with someone in order to create an app.
We are having problems with the layout of the grid and cards with different screen sizes and orientations.
Vertical Screen Screenshot
Horizontal Screen Screenshot
As you can see, the cards are messed up as soon as the screen width is too high. I don't have access to the source code right now, as the person programming it, is not available at the moment.
I read a lot about different techniques to build a card grid like that in a responsive way.
My guess the problem is, that the cards are not in containers with a fixed size. If they were, the pictures / buttons and texts inside that container would always look the same. Is that assumption correct?
Then my other idea was to use ResponsiveGridListBuilder to solve the problem that too few cards are shown in horizontal mode.
But as I said ... I am a newbie in flutter, so if any of you could make suggestions, I would be happy!
If possible, some code as an example would also help a bunch.
So far the programmer only tried different calculations of the cards in comparison to the screensize, but this didn't help as you can see.
Cheers!
I think it's better you use Wrap to fill the Row even in horizontal or vertical screens. but if i was in your shoes i would develop the items that are suitable and has const size for vertical and horizontal sizes, and let them to fill theirselves in the row depends on the width screen size that it has.
if you didn't understand what i mean i can explain it more my friend :)
happy coding...
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!
I'm having a hard time finding a widget I need in Flutter, which I thought wouldn't be that rare.
What I'm looking fore is something very similar to this:
Which is available at pub.dev, but doesn't have the flexibility I'm looking for.
Ideally, the widget I'm looking for wouldn't end like this one (when you keep scrolling it would go back to the first element). Also, I intend on stacking concentric wheel ScrollViews with different diameters.
I've been using the new RangeSlider now included in Flutter. Works great. I'm looking for a subtle UI adaptation, though I haven't figured out how to do it, or if it's even possible. I'd like to have the user be able to drag and move the range (start and end) by dragging on the active handle between the start and end thumbs.
I'm not finding too many in depth examples online about the full range of features of the RangeSlider though, so I'm wondering if anybody's had to do this before.
Or perhaps there's another range slider type plugin that might have that functionality...? Thanks for any leads or ideas.
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!