如何在react native expo中成功登录后重定向到仪表板屏幕？

import React, { useState } from 'react';
import { View, TextInput, Button, AsyncStorage } from 'react-native';
import { useNavigation } from '@react-navigation/native';

const LoginScreen = () => {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');
  const navigation = useNavigation();

  const handleLogin = async () => {
    try {
      // 调用后端API进行用户身份验证
      const response = await fetch('https://example.com/login', {
        method: 'POST',
        body: JSON.stringify({ username, password }),
        headers: {
          'Content-Type': 'application/json',
        },
      });

      if (response.ok) {
        // 保存用户身份信息到本地存储
        await AsyncStorage.setItem('userToken', 'your_user_token');

        // 导航到仪表板屏幕
        navigation.navigate('Dashboard');
      } else {
        // 处理登录失败的情况
        console.log('登录失败');
      }
    } catch (error) {
      console.log('发生错误', error);
    }
  };

  return (
    <View>
      <TextInput
        placeholder="用户名"
        value={username}
        onChangeText={setUsername}
      />
      <TextInput
        placeholder="密码"
        secureTextEntry
        value={password}
        onChangeText={setPassword}
      />
      <Button title="登录" onPress={handleLogin} />
    </View>
  );
};

export default LoginScreen;