我使用ScrollableTabRow创建了选项卡，但我想知道如何导航到每个页面

import { createStackNavigator } from '@react-navigation/stack';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

// 创建StackNavigator和TabNavigator
const Stack = createStackNavigator();
const Tab = createMaterialTopTabNavigator();

// 定义每个页面组件
const Page1 = () => <View><Text>页面1</Text></View>;
const Page2 = () => <View><Text>页面2</Text></View>;
const Page3 = () => <View><Text>页面3</Text></View>;

// 在TabNavigator中设置选项卡和页面的映射关系
const TabNavigator = () => (
  <Tab.Navigator>
    <Tab.Screen name="Page1" component={Page1} />
    <Tab.Screen name="Page2" component={Page2} />
    <Tab.Screen name="Page3" component={Page3} />
  </Tab.Navigator>
);

// 在StackNavigator中设置选项卡导航
const AppNavigator = () => (
  <NavigationContainer>
    <Stack.Navigator>
      <Stack.Screen name="Home" component={TabNavigator} />
    </Stack.Navigator>
  </NavigationContainer>
);

export default AppNavigator;