Stack Overflow
Stack Overflow

Questions tagged [staggered-gridview]

An Android staggered grid view which supports multiple columns with rows of varying sizes.

An Android staggered gridView which supports multiple columns with rows of varying sizes.

The StaggeredGridView was developed due to requirements for the Etsy app not met by any existing Android libraries. Namely a stable implementation with the ability to have a different number of columns in landscape & portrait, to sync grid position across orientation changes and support for headers & footers.

The most famous example of a staggered gridview is probably the one from etsy: https://github.com/etsy/AndroidStaggeredGrid

195 questions
0
votes
1 answer

How to make a staggered grid view with varying image height in flutter?

I wanted to have a staggered grid view with Card widgets, I want the height of the card to be dependent of the height of the image being loaded. Since my build method is too long, here is my code for my card view in…
Brendon Cheung
  • 995
  • 9
  • 29
0
votes
1 answer

Staggered Gridview creates column of photos instead of grid

I trying to create a Staggered Gridview widget, but it's creates Column of photos instead of grid. I want to create a grid of photos with 3 photos in a row. I tried to change crossAxisCount and StaggeredTile.fit. Here is my code for my…
happyblackbob
  • 21
  • 2
0
votes
0 answers

How can I achieve staggered_grid_view's StaggeredTile.fit in Flutter?

I would like to achieve a grid view with variable height. Also, its view should be adjusted to match the height of the image. So, I thought this Package is very good to achieve the feature.…
Yone
  • 57
  • 1
  • 9
0
votes
2 answers

Unable to show different widgets in staggered list view flutter

I want to show different widgets after every 7th index and for that i have the following code. But the problem is after every 7th index i have to show a different widget from the list -'listOfWidgets' as in the code. In short after 7th index i want…
lonewolf
  • 61
  • 6
0
votes
1 answer

Insert an image StaggeredGridView that is upload by the user !! The argument type 'File' can't be assigned to the parameter type 'String'

I want to create a StaggeredGridView and fill it with images that the user uploads. The problem is that the type of StaggeredGridView is String or ImageProvider and the file is PickedFile or File What is the solution ?? class…
Joan Codinach Ortiz
  • 381
  • 1
  • 2
  • 10
0
votes
1 answer

Staggered Grid View in Flutter - How to give tiles different widths

I've been trying to create the following screen in Flutter: https://i.stack.imgur.com/28Q5L.png So far I've made this with the package "Staggered Grid View": https://i.stack.imgur.com/H1fJf.png Sorry for not being able to upload the…
Michael Trier Christensen
  • 1
  • 2
0
votes
1 answer

flutter - how to implement refresh indicator in Staggered GridView

I am using Staggered GridView package in Flutter. I am using StaggeredGridView.extentBuilder factory to show a grid of some cards. I want to implement a refresh indicator when the user scroll above the top and rebuild the grid. I have no idea how to…
rafitajaen
  • 399
  • 6
  • 15
0
votes
1 answer

How to set Custom UI in GridView in Flutter?

I have a design which is like this : I have tried using StaggeredGridView.count, StaggeredGridView.countBuilder and also Sliver Grid, but I didn't get the expected result because the UI has to be in the center of any device and should look like the…
Melissa Casas
  • 33
  • 1
  • 7
0
votes
1 answer

Can't create a Flutter/Firebase non-authenticated user favorite list in ListTile

I am trying to create a NON-authenticated user icon 'select favorite' option where if an icon is clicked ( on a list of titles in a ListView of Firestore data(book titles)) it saves the data to be routed to a new favorites page. I can not find…
Mark
  • 83
  • 1
  • 8
0
votes
1 answer

How to link Flutter StaggeredGridView items individually?

Following a tutorial on StaggeredGridView, I successfully built a page to display staggered grids of text and an icon. The tutorial stopped short on explaining how to link each grid item separately. I am aware of onTap, GestureDetector, OnPressed,…
Mark
  • 83
  • 1
  • 8
0
votes
0 answers

Flutter: Grid View force element on bottom

I am new to flutter and I am building my first app. I use Staggered Grid View (https://pub.dev/packages/flutter_staggered_grid_view#-readme-tab-) which should behave like the normal Grid View. My settings are: body: StaggeredGridView.count(…
Daniel
  • 101
  • 1
  • 3
  • 15
0
votes
1 answer

Flutter Navigator.push showing Blank Screen

I have a main.dart which contains a Default tab controller. I used StaggeredGridView inside my Popular.dart file and showed it to the TabBarView. Everything works fine but when I try to Navigate From or to Popular.dart file the screen shows Blank…
Shakib Uz-Zaman
  • 581
  • 6
  • 17
0
votes
0 answers

How to remove column spacing staggered grid view

I am using staggered grid view to display elements like this but elements in a row are not filling empty space, how to remove this extra space so elements can span between columns. XML layout
dev_swat
  • 1,264
  • 1
  • 12
  • 26
0
votes
0 answers

How to add margin to 2x2 items view in grid view?

Want to add margin to gridview in the following manner. Left margin for 2,4, 2,9, 12,14,.. Right margin for 3,5, 8,10, 13,15,.. Here is my code snippet which I tried to set margin to 2x2 items in grid view... i.e positions -…
khaleel_jageer
  • 1,404
  • 4
  • 16
  • 37
0
votes
1 answer

Setup span in StaggeredGridLayoutManager

I need to create a view like the following (this is an iOS screenshot since I've already created it). Each blue box is part of a linear layout of a RecyclerView, while each green item is part of a staggered layout. I'm able to create that structure.…
Lorenzo B
  • 33,216
  • 24
  • 116
  • 190
1 2 3
…
12 13