I would like to build something like this:
Container
Container
ListView (tappable items)
ListView items based on firstListView tapped item - it is hidden until something tapped in first list
Button stick to the bottom
ListViews are ruined whatever I am trying, expanded, flex, mediaquery etc...
Thanks in advance.
Not sure what you mean with the "stick to the bottom" part, but if I understand correctly, you may want to take a look at the ExpansionPanelList.
Don't worry, you can customize the header to be fully tappable and hide the arrow.
Related
I want to achieve following layout in a flutter app:
App bar
Text widget
Row of chip widgets
Tab bar with three labels
Three tab views with each one ElevatedButton and a GridView.
The debugger starts bleeding once I try to place the GridView inside the tab view. The debugger complains about 'hasSize' etc.
As far as I know the problem is that I use GridView inside SingleChildScrollView. After that I tried many things, using CustomScrollView and slivers. But it got uglier and uglier. I used SingleChildScrollView because I want the view to be scrollable as far as the GridView goes.
I would appreciate it if someone who did something similar guided me to the right direction.
Here's an image of what I try to get:
I have listview in a gridview in a flutter calendar app. I am trying to detect if a particular list view has half-visible or invisible items which need to be scrolled to be seen. If not, the user might not see that a day has an appointment/task unless they change resolution/view.
I'd like to add a little arrow, or overlay, just to warn the user there are extra items. Making the listview scrollable doesn't work well for me because then the gridview loses scrollability, unless I make the ListViews shrinkwrap, which causes its own problems.
Any help appreciated...
you can use an Text to tell the user there is more contact and if the list is on end you remove that text
by using this inview_notifier_list package
and check if onListEndReached
I would like to have a horizontal ListView with items stacked on top of each other at both ends. There are the Stack and Positioned widgets to align items on top of each other, but I couldn't find an implementation which inherits the qualities of both ListView and Stack. The expected outcome should look something like this:
How do I accomplish that?
you probably looking for ListWheelScrollView check this:
ListWheelScrollView
I have stucked with an issue learning Flutter. I take a design from dribbble and try to implement it. The goal is to implement a horizontal scrollable list view but I want it to appear with padding and when I scroll it left it goes over the screen (see attachments). When I scroll left the items of the list should goes over the screen without padding. I tried to add empty sized box as first item of the list but it looks like incorrect approach. I am sure I am doing something wrong and it would be helpful if some one steer me in the right direction. .
ListView has a padding property you can use that.
ListView(
padding:EdgeInsets.only(left:10),
...
),
Hope this is what you are looking for.
How to achieve the UI effect which swipe listview with a 'X' from gone to visible and accompany with the item?
I want to achieve a UI effect which when I swipe a listview item,there would be a 'X'follow it.What I use to achieve swipe listview is EnhancedListView.
What I want to achieve is like this:
At first,the listview will be like this:
When I swipe it:
Then the picture will be:
I wonder how to achieve the effect.As the listview I use now,there are two layers of the listview item that I can swipe to let the bottom layer shown.But it can hardly achieve the effect like that.
Thank you very much.
https://github.com/steelkiwi/ListView-Swipe-to-Delete this is probably what you're looking for..