White/Black Screen When Returning from Facebook App on Android

[tienopentechiz]

Description

When using Facebook login on Android, if the user is redirected to the Facebook app (external app) for authentication and then presses the back button to return to the main app, a white or black screen appears during the transition between the two apps. This creates a poor user experience and can be confusing for users.

Steps to Reproduce

1. Open the React Native app on Android device
2. Click on the Facebook login button
3. The app redirects to the Facebook app (external app) for authentication
4. Press the back button to return to the main app
5. Observe: A white or black screen appears during the transition between Facebook app and the main app
6. Press back again to fully return to the app

Expected Behavior

The transition from Facebook app back to the main app should be smooth without any white/black screen. The app should return directly to the previous screen state.

Actual Behavior

A white or black screen (depending on device theme) appears briefly during the transition when returning from the Facebook app. This creates a jarring user experience and makes it seem like the app is frozen or has crashed.

Environment

• Library: react-native-fbsdk-next v13.3.0
• Platform: Android
• React Native Version: 0.79.5
• Android Version: Tested on multiple Android versions (likely affects all versions)
• Device: [Please specify your test devices]

Additional Context

• This issue only occurs on Android (iOS works fine)
• The issue happens specifically when the Facebook login flow opens the external Facebook app (not the in-app browser)
• The white/black screen appears during the Activity transition lifecycle
• This is likely related to Android Activity lifecycle and window background handling during app transitions

Note: This is a UX issue that significantly impacts user experience. Users may think the app has crashed or frozen when they see the white/black screen.

MicrosoftTeams-video.2.mp4