When using Firebase in a Flutter app and enabling emulators for local/offline development, I cannot find a way to hide the "running in emulator mode" warning.
Enabling in flutter:
FirebaseAuth.instance.useAuthEmulator(host, 9099);
What you see when running on a platform....

This makes for a poor developer experience when you're working on the app UX / UI locally.
Other published issues on this matter use CSS to hide the warning, but given this is a Flutter app, the same approach won't work.
How else can this be solved?
If this is happening in the web build you can use the css trick.
You just need to add the style to web/index.html:
<body>
<style>
.firebase-emulator-warning {
display: none;
}
</style>
... other body stuff
</body>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With