question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cant make the list horizontal, is this prop not available ?

See original GitHub issue
<BigList
                ref={bigListRef}
                data={image}
                renderItem={render}
                onMomentumScrollEnd={onMomentumScrollEnd}
                onScrollEndDrag={handleScroll}
                initialScrollIndex={scrollIndex}
                onScrollToIndexFailed={scrollFailed}
                itemHeight={rowHeightAdjusted}
                getItemLayout={layOut}
                alwaysBounceVertical={false}
                bounces={false}
                scrollEventThrottle={16}
                style={{
                    marginTop: insets.top + 40,
                    marginBottom: insets.bottom + 70 + 30,
                }}
                // carousel props
                pagingEnabled
                showsHorizontalScrollIndicator={false}
                horizontal
            />

Hey guys, Is it not possible to make the list horizontal? i’m not sure why its not its not working with the horizontal prop implemented. Am I missing something ?

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
haibertcommented, Jun 29, 2021

I was able to work around this by wrapping the flatlist in a view, rotating it 90deg, then counter rotating the renderItem content -90deg! Cheers!

0reactions
haibertcommented, Aug 19, 2022

Why are you guys not using FlashList from Shopify ? Everyone take your butts to the FlashList documentation you’re welcome

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native FlatList horizontal mode not working at all
I am using React Native 0.44.0 and I am attempting to make a horizontal FlatList using a card style layout ...
Read more >
nestedScrollEnabled prop not working in ScrollView (Android ...
I'm facing this as well. Nested horizontal scrollviews doesn't work on Android. nestedScrollEnabled has no effect in this case. Still happening ...
Read more >
Usage | FlashList
Most of the props from FlatList are available in FlashList , too. ... Determines height of the element (present when list is horizontal)....
Read more >
<ul>: The Unordered List element - HTML - MDN Web Docs
The <ul> element is for grouping a collection of items that do not have a numerical ordering, and their order in the list...
Read more >
Display a List Using the FlatList Component in React Native
horizontal prop takes a boolean value to create a horizontal list by returning like horizontal={true} . numColumns is used to create a column- ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found