Attempting to capture responder-lock from a child on line-13/14

test.jsx

export default class Schedule extends Component {
  constructor(props) {
    super(props)

    const position = new Animated.ValueXY()

    const panResponder = PanResponder.create({
      //Ask to be the responder:
      onStartShouldSetPanResponder: () => true,

      //This is how you capture 'Responder Lock' from a nested view (note: the most nested view receives responder lock by default)
      //https://facebook.github.io/react-native/docs/gesture-responder-system.html#capture-shouldset-handlers
      onStartShouldSetResponderCapture: () => true,
      onMoveShouldSetResponderCapture: () => true,

      // The most recent move distance is gestureState.move{X,Y}.
      // The accumulated gesture distance since becoming responder is
      // gestureState.d{x,y}
      onPanResponderMove: (event, gestureState) => {
        //console.log(gesture)
        position.setValue({ x: gestureState.dx, y: gestureState.dy })
      },

      // The user has released all touches while this view is the
      // responder. This typically means a gesture has succeeded
      onPanResponderRelease: () => {
        //position.flattenOffset()
      }
    })

    this.state = { panResponder, position }
  }
  render() {
    return (
      <Animated.View
        {...this.state.panResponder.panHandlers}
        style={ this.state.position.getLayout()}
       >
        <View>
          <DrawerButton {...this.props} />
        </View>
      </Animated.View>
    )
  }
}