[Bug]: Android MapView and NavigationView render as a blank screen

[swapnasahoo]

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

On Android both MapView and NavigationView render as a completely blank dark screen.

The native SDK appears to initialize correctly. The callbacks are triggered and navigationController.init() returns OK but nothing is drawn on the screen.

The same issue also happens with the official example app from this repository on the same physical Android device.

iOS Platform

Not verified

Android Platform

Affected

React Native version

0.86.0

React version

19.2.3

Package version

0.16.3

Native SDK versions

• I haven't changed the version of the native SDKs

React Native Doctor Output

✔ Node.js: Version (v22.23.2) is compatible.
✔ Lockfiles: No conflicts.
✔ App Config: Valid config for "doldfind-app" (SDK 57.0.0).
⚠ Dependencies: Compatibility issues:

• React Native "^0.86.0" doesn't match recommended range "^0.81.0 || ~0.81.0" for SDK 57.

──────────────────────────────────────────────────

Audit passed with warnings.

Steps to reproduce

1. Create an Android React Native project using React Native 0.86.
2. Install @googlemaps/react-native-navigation-sdk 0.16.3.
3. Configure the required Google Maps setup.
4. Add NavigationView with flex: 1.
5. Run the app on a physical Android device.
6. Wait for onMapReady.
7. Initialize the navigation controller.
8. Observe that the map remains completely blank.

Expected vs Actual Behavior

Expected:

The Google map should be visible inside NavigationView / MapView.

Actual:

The view is completely blank/dark.

The native callbacks still work:

NAV CONTROLLER CREATED
MAP CONTROLLER CREATED
MAP READY
TERMS: true
NAV STATUS: ok

Google requests also reach Google and return without errors.

There are no relevant ReactNativeJS, FATAL EXCEPTION or AndroidRuntime errors in logcat.

I also tested the official example app from this repository on the same physical device. The example app also opens to a blank/dark screen.

Code Sample

import { View } from "react-native";
import {
  NavigationView,
  NavigationSessionStatus,
  useNavigation,
} from "@googlemaps/react-native-navigation-sdk";

export default function MapScreen() {
  const { navigationController } = useNavigation();

  const onMapReady = async () => {
    console.log("MAP READY");

    const termsAccepted =
      await navigationController.showTermsAndConditionsDialog();

    console.log("TERMS:", termsAccepted);

    if (!termsAccepted) return;

    const status = await navigationController.init();

    console.log("NAV STATUS:", status);
  };

  return (
    <View style={{ flex: 1 }}>
      <NavigationView
        style={{ flex: 1 }}
        onMapReady={onMapReady}
      />
    </View>
  );
}

Additional Context

I have tried the same app on different physical devices and emulators but the issue still occur.

[JaMaDD]

I am facing the same issue, works fine yesterday morning and black screen in the afternoon. Can confirm the Maps SDK for Android request success without errors on the Google Cloud Console.

[swapnasahoo]

I am facing the same issue, works fine yesterday morning and black screen in the afternoon. Can confirm the Maps SDK for Android request success without errors on the Google Cloud Console.

My issue was due to payment of prepayment which wasn't directly coming in the cloud console dashboard but rather in Google Payments and as soon as I paid the amount it resolved instantly.
I feel you should also check for this, in my case the console also showed Maps SDK for Android getting requests without any error but then it turned out something else.

[JaMaDD]

I am facing the same issue, works fine yesterday morning and black screen in the afternoon. Can confirm the Maps SDK for Android request success without errors on the Google Cloud Console.

My issue was due to payment of prepayment which wasn't directly coming in the cloud console dashboard but rather in Google Payments and as soon as I paid the amount it resolved instantly. I feel you should also check for this, in my case the console also showed Maps SDK for Android getting requests without any error but then it turned out something else.

Thanks for the tips, but I just enable the API recently and I cannot see any due payment.

[swapnasahoo]

Itt looks like your issue might have a different cause. Hopefully it gets figured out.

…

On Sat, Aug 29, 2026 at 10:28 AM JaMa D&D ***@***.***> wrote: *JaMaDD* left a comment (googlemaps/react-native-navigation-sdk#639) <#639 (comment)> I am facing the same issue, works fine yesterday morning and black screen in the afternoon. Can confirm the Maps SDK for Android request success without errors on the Google Cloud Console. My issue was due to payment of prepayment which wasn't directly coming in the cloud console dashboard but rather in Google Payments <https://payments.google.com> and as soon as I paid the amount it resolved instantly. I feel you should also check for this, in my case the console also showed Maps SDK for Android getting requests without any error but then it turned out something else. Thanks for the tips, but I just enable the API recently and I cannot see any due payment. — Reply to this email directly, view it on GitHub <#639?email_source=notifications&email_token=BJBUQIE3CUED5MAB5F5ASLL5MJPF3A5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTKNBWGA2DIOBXGYZKM4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2KYZTPN52GK4S7MNWGSY3L#issuecomment-5460448762>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BJBUQIEREBFTVN5IVVIKO5D5MJPF3AVCNFSNUABFKJSXA33TNF2G64TZHM3TGMZRHE2DANRSHNEXG43VMU5TKMRVGU4TKMZSGAY2C5QC> . You are receiving this because you authored the thread.Message ID: ***@***.***>