React Native ScrollView in android not working

Question

so i'm just simply trying to get ScrollView to work on React Native Android emulator Pixel running Android 6.0.0. i'm using as basic of an app as i can and nothing will scroll.

import React, { Component } from 'react';
import {
   AppRegistry,
   Text,
   View,
   ScrollView,
   Dimensions,
 } from 'react-native';

 const screenHeight = Dimensions.get('window').height

 export default class scrollTest extends Component {
   render() {
     return (
       <View>
         <ScrollView>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
           <Text>HELLO WORLD</Text>
         </ScrollView>
       </View>
     );
   }
 }


 AppRegistry.registerComponent('scrollTest', () => scrollTest);

I have exhausted every option i could think of. i set flex: 1 in the main View, made ScrollView the main view and wrapped the Text in a view, wrapping the text just in a plain view, passing a vertical={true} into ScrollView, passing flex: 1 to both ScrollView and View, and nothing seems to work. I thought this was a flaw of the emulator and decided to test it on a Samsung Galaxy S5 running Android 6.0.0 but the same issue was there as well.

is there any way to get ScrollView working on Android or is it just broken? Are there any workarounds?

Maybe it does not scroll as the scroll view does not fill the whole screen? — wdina
– wdina, Commented Aug 10, 2017 at 6:05
what version of react native is it? do you have an actual use case rather then this simplified testing? also, same question as Thearith — shirbr510
– shirbr510, Commented Aug 10, 2017 at 6:25

wdina · Accepted Answer · 2017-08-10 06:15:53Z

2

Maybe you can try something like this and see if it is still scrolling problem.

export default class scrollTest extends Component {
 render() {
  return (
    <View>
      <ScrollView> 
         {
          Array(50).fill(0).map(index => 
            <Text>HELLO WORLD</Text>
          )
         }
     </ScrollView>
   </View>
 );

} }

answered Aug 10, 2017 at 6:15

wdina

4553 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Henrique Pereira Over a year ago

Weird. why does android only scroll when something is offscreen? is there any explanation? The moment i dropped the number of HELLO WORLDS to fit inside the screen, it no longer scrolls.

Collectives™ on Stack Overflow

React Native ScrollView in android not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related