Animated view not working

[vbraeke]

Environnement

Environment: OS: Windows 7 Node: 8.11.1 Yarn: Not Found npm: 5.6.0 Watchman: Not Found Xcode: N/A Android Studio: Not Found

Packages: (wanted => installed) react: 16.3.1 => 16.3.1 react-native: 0.55.4 => 0.55.4

Issue

My Animated View is not taking the overflow inside a ScrollView Component when I'm trying to drag it outside of the scrollview is there any workaround to make it works ?.

Here is a sample of my code :

import React, { Component} from 'react';
import ViewOverflow from 'react-native-view-overflow';
const AnimatedViewOverflow = Animated.createAnimatedComponent(ViewOverflow);

class DraggablePicture extends Component {

  render() {

    return (
      <ScrollView> 
          <AnimatedViewOverflow
            {...this.panResponder.panHandlers}
            style={ [  this.state.pan.getLayout() ]  }
          >
            <Image 
              style={stylePicture}
              source={{ 
                uri: 'file://' + pathFile, 
              }}
            />
          </AnimatedViewOverflow> 
      </ScrollView>
    )
  }
}

Thanks :)