Support horizontal scrolling with FlexDirection.ROW
See original GitHub issueHello, thanks for this fantastic library. I’m trying to create a horizontally scrollable list, but FlexboxLayoutManager
doesn’t seem to be wrapping the list items. In each column, all items have the same width, which doesn’t look correct. Is there something I’m missing? I’m using this code:
FlexboxLayoutManager flexboxLayoutManager = new FlexboxLayoutManager();
flexboxLayoutManager.setFlexWrap(FlexWrap.WRAP);
flexboxLayoutManager.setFlexDirection(FlexDirection.COLUMN);
Update: Oh wait, supplying setAlignItems()
with something other than STRETCH
fixes the width of the items. As in, they’re no longer equi sized. So I’ve realized that I want the items to be laid out in row fashion, but the list should be horizontally scrollable. Is this possible?
Issue Analytics
- State:
- Created 7 years ago
- Comments:11 (4 by maintainers)
Top Results From Across the Web
Enabling horizontal scroll in flexbox - css - Stack Overflow
The idea is to show the first item as 100% height and width, like covering the screen with the remaining items to the...
Read more >How to implement horizontal scrolling using Flexbox
Add white space between the images; Get rid of the horizontal scrollbar; Place the scroller in the middle of the screen. The images...
Read more >Using flexbox for horizontal scrolling navigation - Iamsteve
This post is a follow up to a different method for horizontal scrolling navigation which used inline-block. In this post, I want to...
Read more >flex-direction - CSS: Cascading Style Sheets - MDN Web Docs
The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or ......
Read more >Creating horizontal scrolling containers the right way [CSS Grid]
In this article, I want to explore how the flexibility of CSS Grid can help implement a horizontal scrolling component while dealing with...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Fixed by #315
Guys I have found a solution, simply use ChipGroup instead of FlexBox , literally everything works fine as expected