Display tag like structure in Staggered Recyclerview

Question

I am working on a tag structure currently and to display that I have used Staggeredgrid layout manager of Recyclerview to get the required result as below image:

But when I used StaggeredGrid, It is providing result as below:

My code to display adapter in Recyclerview is as given below:

val staggeredGridLayoutManager = StaggeredGridLayoutManager(2, LinearLayoutManager.VERTICAL)
rvTags.layoutManager = staggeredGridLayoutManager
rvTags.adapter = AllergyAdapter(tags)

On increasing the span count to 3, all the items are contracting. I want that if "Peanut butter" is big enough then only 1 item should come in 1 row and if "neem, garlic and soy" can fit in 1 row, then it should fit.

Basically, I need a way to dynamic span count according to the content size.

Any help will be appreciated.

The suggested answer is not working because it is counting span count for whole of Recyclerview and Not particular row wise.

Possible duplicate of [RecyclerView GridLayoutManager: how to auto-detect span count?](https://stackoverflow.com/questions/26666143/recyclerview-gridlayoutmanager-how-to-auto-detect-span-count) — Umar Ata, Feb 13 '18 at 09:49
also check https://stackoverflow.com/questions/36218787/staggered-grid-layout-manager-dynamic-number-of-columns — Umar Ata, Feb 13 '18 at 09:50
You could try a FlexBoxLayout https://github.com/google/flexbox-layout — David Medenjak, Feb 13 '18 at 10:51

Jaymin · Accepted Answer · 2018-02-13T09:44:35.667

1

Either you can go with the dynamic spinning or what you can do is get the help of libraries.

Please check URL for tags libraries.

Tags Views

Here is a most suitable view: ChipView

With custom layouts : ChipView

And for dynamic column binding, you can use AsymmetricGridView.

URL : AsymmetricGridView

edited Feb 13 '18 at 09:44

answered Feb 13 '18 at 09:39

Jaymin

2,879
3
19
35

Chipview not worked properly. I already tried AsymmetricGridView. It is messed up in terms of kotlin adaptation. – Siraj Sumra Feb 13 '18 at 10:12
As per your suggestion, I got https://android-arsenal.com/details/1/2566 from Android Arsenal and it worked perfectly. Thanks – Siraj Sumra Feb 13 '18 at 11:22
mention it in your answer to help others, not everyone is going to read comments – Umar Ata Feb 13 '18 at 12:53

score 1 · Answer 2 · answered Feb 11 '22 at 15:28

1

I came across such a requirement and ideally, a Flexbox should be a good option to try.

answered Feb 11 '22 at 15:28

harishanth raveendren

534
5
8

kamran rahmatullah · Answer 3 · 2019-07-19T09:54:48.030

-3

layoutManager=new StaggeredGridLayoutManager(4, LinearLayoutManager.HORIZONTAL);

edited Jul 19 '19 at 09:54

answered Jul 19 '19 at 09:46

kamran rahmatullah

35
2

Display tag like structure in Staggered Recyclerview

3 Answers3