Scroll View inside view not working react native

Question

Here I am trying a simple code but the scroll view is not working if kept inside another view. Code is like this:

  return(
  
    

        

Answer 1

Top <View> must has style flex:1, and also <ScrollView> has too

Answer 2

Update 2020-02: It will work with React.Fragment <> and </> or <React.Fragment> and </React.Fragment>. So Try this.

return(
  <>
    <Toolbar title={this.props.title}>
    </Toolbar>

    <ScrollView>

      <HomeScreenTop />
      <HomeScreenBottom navigator={navigator}/>

    </ScrollView>

  </>
 );

Answer 3

If you are using <Form> from native base and you want to scroll then use KeyboardAwareScrollView

<KeyboardAwaareScrollView enableOnAndroid={true}>
.
.

</KeyboardAwareScrollView>

this will work on Android

Answer 4

For me, Scroll View wrapped with TouchableWithoutFeedback was causing scroll view to not function at times.

Answer 5

if you are using position: "absolute", delete it and try. You can try

<SafeAreaView>

<ScrollView>

</ScrollView>

</SafeAreaView>

Answer 6

Use the property flexGrow in the style, flex didnt worked for me.

 <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
    ...
</ScrollView>