لا اتمكن من اغلاق ال pop-up عند استخدام React Native Expo

عمر سالم2 · 19 مارس 2021

import * as React from 'react';
import { View, Text, FlatList, Button } from 'react-native';
import * as WebBrowser from 'expo-web-browser';
import * as AuthSession from 'expo-auth-session';

const redirection = AuthSession.makeRedirectUri({
	native: 'path://',
	useProxy: true
});

function MyComponent() {
	const authRequest = AuthSession.useAuthRequest({
		clientId: 'G545-YU32-IOW3-453D',
		redirectUri: redirection,
		scopes: [ 'profile', 'email' ]
	},
		AuthSession.useAutoDiscovery();
	);

	const [ request, result, prompt ] = authRequest;

	return (
		<View>
			<Button
				title="Log In"
				disabled={!request}
				onPress={() => promptAsync({ useProxy: true })}
			/>
		</View>
	);
}

إسلام عبدالعزيز · 19 مارس 2021

إذا نسيت إضافة الدالة maybeCompleteAuthSession من حزمة WebBrowser، فلن يتم إغلاق النافذة المنبثقة. يجب استدعاء الدالة في الصفحة التي تعيد النافذة التوجيه إليها.

import * as React from 'react';
import { Button, Text, View } from 'react-native';
import * as AuthSession from 'expo-auth-session';
import * as WebBrowser from 'expo-web-browser';

WebBrowser.maybeCompleteAuthSession();