如何在React Native中使用按钮事件而不是手势滚动到下一页

import React from 'react';
import { View, Button } from 'react-native';

class MyComponent extends React.Component {
  handleButtonPress = () => {
    // 在这里编写按钮点击时的逻辑代码
    // 例如跳转到下一页的操作
  }

  render() {
    return (
      <View>
        <Button
          title="下一页"
          onPress={this.handleButtonPress}
        />
      </View>
    );
  }
}

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// 创建导航器
const Stack = createStackNavigator();

class MyComponent extends React.Component {
  handleButtonPress = () => {
    // 在这里编写按钮点击时的逻辑代码
    // 例如跳转到下一页的操作
    this.props.navigation.navigate('NextPage');
  }

  render() {
    return (
      <View>
        <Button
          title="下一页"
          onPress={this.handleButtonPress}
        />
      </View>
    );
  }
}

// 导航器配置
const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={MyComponent} />
        <Stack.Screen name="NextPage" component={NextPageComponent} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;