Manual activation

[akwasniewski]

Description

ManualActivation prop was missing in v3, this PR adds it.

Test plan

Details

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { GestureHandlerRootView, GestureDetector, usePanGesture } from 'react-native-gesture-handler';

export default function TwoPressables() {
  const pan = usePanGesture({
    onActivate: (e) => { console.log(e) },
    disableReanimated: true,
    manualActivation: true,
    runOnJS: true,
  });
  return (
    <GestureHandlerRootView>
      <View style={styles.root}>
        <GestureDetector gesture={pan}>
          <View style={styles.outer}>
            <Text style={styles.label}>Pan</Text>
          </View>
        </GestureDetector>

      </View>
    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  root: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#f7f7f7',
  },
  outer: {
    padding: 20,
    backgroundColor: '#ddd',
    borderRadius: 12,
    marginBottom: 50
  },
  label: {
    fontSize: 18,
    marginBottom: 10,
  },
})