React Native add手势在4个特定屏幕之间

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

class GestureScreen extends Component {
  constructor(props) {
    super(props);
    this.panResponder = PanResponder.create({
      onStartShouldSetPanResponder: () => true,
      onPanResponderMove: this.handlePanResponderMove,
      onPanResponderRelease: this.handlePanResponderRelease,
    });
  }

  handlePanResponderMove = (event, gestureState) => {
    // 处理手势移动事件
  }

  handlePanResponderRelease = (event, gestureState) => {
    // 处理手势释放事件
  }

  render() {
    return (
      <View {...this.panResponder.panHandlers}>
        <Text>Gesture Screen</Text>
      </View>
    );
  }
}

class App extends Component {
  render() {
    return (
      <View>
        <Text>Screen 1</Text>
        <GestureScreen />
        <Text>Screen 2</Text>
        <GestureScreen />
        <Text>Screen 3</Text>
        <GestureScreen />
        <Text>Screen 4</Text>
        <GestureScreen />
      </View>
    );
  }
}