Always show scrollbar in flatlist

Question

I have a flat list in react native and I want to keep it always visible. Right now, I can see it whenever I start scrolling but I want the user to be able to see it from the moment they open the screen. Any ideas?

not sure about any prop available for flatlist, but for scrollView you can use `showsHorizontalScrollIndicator={true}` — Aravind S, Jul 02 '18 at 09:58
@AravindS But does that one show it all the time? Or only after the user starts scrolling? — carloscc, Jul 02 '18 at 10:10
@AravindS I did and it doesn't seem to change anything vs nothing on that field. I used vertical though — carloscc, Jul 02 '18 at 10:43
Similar question for ScrollView https://stackoverflow.com/questions/47038519/permanently-visible-scroll-bar-for-scrollview-react-native. See the selected answer's comments. — akhil xavier, Jul 03 '18 at 06:48

score 3 · Answer 1 · answered Aug 20 '20 at 17:51

3

Do it

persistentScrollbar={true}

answered Aug 20 '20 at 17:51

Caíque Coelho

41
3

score 0 · Answer 2 · answered Feb 02 '21 at 16:38

0

<Flatlist persistentScrollbar/>

answered Feb 02 '21 at 16:38

Sukshith S

413
6
6

Why would this help the OP? Please add some clarification around the answer. Thanks! – 10 Rep Feb 02 '21 at 17:20
2

This only applies to Android. – Steven Mercatante Apr 09 '22 at 15:51

score -5 · Answer 3 · edited Jul 02 '18 at 18:49

-5

Try this

showsHorizontalScrollIndicator={true}

edited Jul 02 '18 at 18:49

Roshana Pitigala

8,437
8
49
80

answered Jul 02 '18 at 10:48

abhinandan sharma

853
6
12

This will not show the scroll bar EVERYTIME but only when user starts scrolling. – salvi shahzad Feb 17 '20 at 11:04

Always show scrollbar in flatlist

3 Answers3