I want to control scrollable list in a row, by display component/widget in a scrollable row by half and full of other component in a scrollable list as shown below .
Give each box more than half of the screen width. In this way, the first list item will cover more than half of the screen, and the next item will be half visible. You can give the width like this
MediaQuery.of(context).size.width * 0.6
Related
I wanna make a list of medals in Flutter, that shows 3 medals, and if the user click in the arrow, it shows one more medal, one at a time.
The figma prototype is this:
Someone has any idea of a widget or a way i can do it with flutter?
I have an idea what about making horizontal ListView with ScrollController and on arrow click you will use scrollController.animateTo and give the offset 1/3 screen width
I need a horizontal list view in the flutter , that according to the image below, the first item is empty and the image is visible in the background, when the second item starts scrolling, the background image disappears and when the item returns to its place , The image also returns to the original state.
You will need some code here.
The vertical listview you can get with the SingleChildScroolView changing the axis to vertical and placing a Column inside.
To the empty space on last item, place a Sizedbox as last widget inside Column.
Place a ScrollController on the SingleChildScroolView with a listener, and when the controller reach the maximum just fade in the background image.
Its not hard, just need some code.
Finally, I published Package (flutter_faded_list) for designing this UI on the pub.dev website.
I need to keep the red colored widget pinned to the bottom or the top, based on which way user scrolls in the list.
The initial state of that screen would be the second image (pinned to the top).
Any ideas in how to make it?
My question is similar to this How to make my page scrollable when i show overlay element, that have too many items in flutter? but it has no answers so I'll try to ask as well:
I have an Overlay showing a list of questions using ListView. The list of questions is long and I need to enable scrolling inside the Overlay.
Now it's static and part of it disappears at the bottom of the mobile device.
Why is not just scrollable (since the list inside the Overlay is inside a ListView) and is there a way to make it scrollable?
Thanks in advance for any help!
UPDATE (SOLVED) :
The problem was that the ListView widget is inside a Positioned widget and the top, left, bottom and width values (in my case) need to be set in order for the content to be scrollable.
The problem was that the ListView widget is inside a Positioned widget and the top, left,bottom and width values (in my case) need to be set in order for the content to be scrollable.
I am looking for the proper way, how can I use scrollable view only if necessary.
I want to create a card which will have an 500 height container. In this case some small-screen device could not show the content properly specially if the keyboard is showing.
In this case the screen should be scrollable, but I cant find a good solution.
I used a SingleChildScrollView with a Column child. Inside the column there was the Card view with the content.