How to use defaultTargetPlatform and kIsWeb

Did you know?

If your code checks the current platform with Platform.isIOS, you’ll get a runtime exception when you run on Flutter web. 💥

To prevent this, check for kIsWeb beforehand and use it together with defaultTargetPlatform, which doesn't import dart:io. 👍

How to check for the current platform using kIsWeb and defaultTargetPlatform
How to check for the current platform using kIsWeb and defaultTargetPlatform

Why are kIsWeb and defaultTargetPlatform both needed?

According to the docs:

  • kIsWeb is a boolean which is true if the application is running on the web
  • defaultTargetPlatform returns which platform the browser is running on

For a more detailed discussion about these APIs, read this thread.

Happy coding!

Want More?

Invest in yourself with my high-quality Flutter courses.

Flutter In Production

Flutter In Production

Learn about flavors, environments, error monitoring, analytics, release management, CI/CD, and finally ship your Flutter apps to the stores. 🚀

Flutter Foundations Course

Flutter Foundations Course

Learn about State Management, App Architecture, Navigation, Testing, and much more by building a Flutter eCommerce app on iOS, Android, and web.

Flutter & Firebase Masterclass

Flutter & Firebase Masterclass

Learn about Firebase Auth, Cloud Firestore, Cloud Functions, Stripe payments, and much more by building a full-stack eCommerce app with Flutter & Firebase.

The Complete Dart Developer Guide

The Complete Dart Developer Guide

Learn Dart Programming in depth. Includes: basic to advanced topics, exercises, and projects. Last updated to Dart 2.15.

Flutter Animations Masterclass

Flutter Animations Masterclass

Master Flutter animations and build a completely custom habit tracking application.