Questions tagged [flutter-gridview]
93 questions
11
votes
1 answer
Flutter. How to add Padding for SliverGrid
I use CustomScrollView with SliverGrid. I add space between grid items using this:
mainAxisSpacing: 8, crossAxisSpacing: 8.
But is it possible to add space (margin/padding) before the first and after the last column.
I tried to wrap my SliverGrid in…

testivanivan
- 967
- 13
- 36
11
votes
4 answers
Flutter GridView item wrap_content height
I am an android developer and new to flutter.
I would like to create a GridView with wrap content item height (I draw it with pen in the screenshot). But I have tried with the following code and it gave me only square grid item. I would like how…

BomberBus
- 1,195
- 3
- 15
- 29
10
votes
4 answers
StaggeredGridView not scrolling after updating Flutter
I updated my flutter and dart package last night and now StaggeredGridView which was scrolling perfectly before is giving me an error:
[ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: type 'SliverHitTestResult' is not a subtype of…

Munish Thakur
- 926
- 1
- 8
- 25
8
votes
2 answers
Flutter remove space between GridView row
I am trying to create a gridview of raised buttons but there is a large amount of space between the rows of of the grid like this picture:
I am implementing the GridView with the code at the bottom of the page:
As you can see I…

Nicholas Muir
- 2,897
- 8
- 39
- 89
6
votes
1 answer
Flutter's Listview doesn't have word wrapping like Wrap?
I want to display a list of widgets with variable sizes.
Flutter's Wrap is a great fit for my layout needs.
final List someItems;
return SingleChildScrollView(
child: Wrap(
children: someItems.map((item) => _createTile(context,…

H.Kim
- 525
- 4
- 14
6
votes
1 answer
How to fill data right to left in Flutter gridview
I am trying to fill Grid view data from right to left, as the application is in arabic and everything is RTL.
Here is what I want
I am using Stream builder to populate data and the following Gridview widget
Widget productGrid(List…

Abdullah
- 935
- 9
- 18
4
votes
2 answers
Remove White Flicker in Image when loading flutter
I'm building an app which shows hundreds of images in grid view. In grid tile, I showed low-quality images. when we press the image I showed the full quality image, In the meantime, I'm showing the low-quality image as a placeholder. I'm using the…

ARUN BALAJI
- 127
- 1
- 15
4
votes
2 answers
GridView.count adapt with child size
I am trying to create this design
but here is what I've done so far
I am using a gridview.count, my question is how can I stop my child container from inheriting from the parent gridView Container height, or any workaround to this will be helpfull…

nonso edu
- 61
- 6
3
votes
2 answers
Scroll/JumpTo Correct Position in Flutter GridView
I am creating a calendar interface in GridView. I want to scroll to the first day of the current month. However, whenever I try to scroll to the position I calculate, it is wrong. I am currently working with a starting point of January 1, 2016 for…

Baracus
- 580
- 7
- 15
2
votes
1 answer
Flutter, Staggered flutter_staggered_grid_view making each tile tappable without breaking layout
New developer here, need some expertise. I am attempting to create a custom staggered grid view that also allows each tile to be tappable and goes to different pages.
I have tried using inkwell but I cant seem to do that for each individual tile.…

Ben2522
- 21
- 3
2
votes
2 answers
TextButton inside a BlocBuilder getting disabled by default in Flutter
I am trying to display a basic screen via flutter Bloc library , where in a person can view the number of appointments he had for a particular day , by clicking the particular date in a Calendar widget .
Below is the code of the above mentioned…

animo3991
- 181
- 2
- 9
2
votes
3 answers
How to reset Flutter AnimatedGrid with new list of items?
I am trying the widgets.AnimatedGrid.1 mysample of AnimatedGrid class documentation and I am always getting a RangeError (index): Invalid value: Not in inclusive range whenever I replace at runtime the late ListModel _list in…

Miguel Gamboa
- 8,855
- 7
- 47
- 94
2
votes
1 answer
Flutter Grid View Reorder & Drag Drop onto Another Item and Merge
I have been trying to add drag/drop support to my app, currently what I have come with is using this library:
reorderable_grid_view
I used this example code:
code link
The reason I used this library is that it's smooth enough of animations when…

Ali Yucel Akgul
- 1,101
- 8
- 27
- 53
2
votes
4 answers
How to solve the grid view problem in flutter app?
I have a problem of grid view. I add lists as described in 1st screenshot, then the same list will be updated on the another page (as per second screenshot). However, as you can see overflow error, that is happening and I can not solve that. So, can…

Parth Patel
- 105
- 1
- 8
2
votes
1 answer
How to build responsive Grid in flutter?
I want to build a grid with some images and captions in Flutter Web.
I want that in mobile it will show 2 column and in desktop 4.
How can I build this.

Subhadeep98Ares
- 45
- 6