Add Text component

[m-bert]

Description

This PR adds Text component to Gesture Handler.

Upon investigating #3159 we decided that it will be better to add our own Text component, instead of forcing users to create their own version of Text with NativeViewGestureHandler.

Test plan

Tested on the following code:

import { useState } from 'react';
import {
  Text,
  GestureHandlerRootView,
  TouchableOpacity,
} from 'react-native-gesture-handler';

export default function App() {
  const [counter, setCounter] = useState(0);

  return (
    <GestureHandlerRootView
      style={{
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
      }}>
      <Text style={{ fontSize: 30 }}>{`Counter: ${counter}`}</Text>

      <TouchableOpacity
        onPress={() => {
          console.log('Touchable');
          setCounter(counter + 1);
        }}>
        <Text
          style={{ fontSize: 30 }}
          onPress={(e) => {
            console.log('Text', e.nativeEvent);
            setCounter(counter + 1);
          }}>
          {'Inner Text'}
        </Text>
      </TouchableOpacity>
    </GestureHandlerRootView>
  );
}

[j-piasecki]

Suggested change

	is ReactTextView -> this.hook = TextHook()
	is ReactTextView -> this.hook = TextViewHook()

[m-bert]

I didn't like it either 😅

Changed in 1852e67

[j-piasecki]

You may have forgotten to commit this change or to push it 😅

[m-bert]

Seems like I did forgot to push it 😅 (5697078)

[j-piasecki]

Doesn't this break in ScrollView?

[j-piasecki]

Have you tried on iOS? Maybe checking simply the END state is enough?