nestedScrollview in react native

nestedScrollview

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

export default class App extends Component {
  constructor() {
		super();
		this.state = {
			enabled:true
		};
	}
  
  render() {
    return (
    	<ScrollView 
    	scrollEnabled={this.state.enabled}
						>
						<View style={{height:600,backgroundColor:'violet'}}></View>
							<View style={{ height: 2000, backgroundColor: 'red' }} >
								<ScrollView
									onTouchStart={(ev) => { 
									  this.setState({enabled:false }); }}
									  onMomentumScrollEnd={(e) => { this.setState({ enabled:true }); }}
									onScrollEndDrag={(e) => { this.setState({ enabled:true }); }}
									style={{ margin: 10, maxHeight: 200 }} >
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
									<View style={{ height: 200, backgroundColor: 'blue' }} />
									<View style={{ height: 200, backgroundColor: 'pink' }} />
								</ScrollView>
							</View>
						</ScrollView>
    );
  }
}

Maybe that happens when you touch the child scrollview without dragging. If that is the case, you can easily fix it by adding an event when touches finishes:

onTouchEnd={(ev) => { this.setState({ enabled: true }) }}

@andresmechali
This only works if you click on the ScrollView. If you are normally scrolling then this method is not getting called.

+1

Has anyone found how to handle this?

Hello, please is there a chance to scroll content of app using buttons ? I have 2 buttons, up and down. How can i make it slowly scroll up or down ?