Web vs mobile

Learn behavioral differences between web and mobile.

Web vs mobile difference

kIsWeb is a constant bool telling whether the app is running on the web. You use an adapter to handle platform differences; for example, mouse events on web and touch events on mobile are handled differently.

import 'package:flutter/foundation.dart';

if (kIsWeb) {
  // web-specific code
} else {
  // mobile code
}

adapter pattern

To use the same interface on different platforms, you write an adapter. The adapter picks the right implementation per platform; for example, a MouseEvent on web and a TapEvent on mobile.

Exercise kIsWeb check

In main, assign kIsWeb to isWeb and print it.

Show example solution

import 'package:flutter/foundation.dart';

void main() {
  final isWeb = kIsWeb;
  print(isWeb);
}

Test yourself

What does kIsWeb indicate?
- Screen resolution
- App size
- Whether the app runs on web
- Device model
Show answer

Whether the app runs on web — kIsWeb is a constant bool that tells whether the app runs on the web platform; size, model and resolution are not kIsWeb's job.

kIsWeb check

if (____) {
  // web kodu
}

Show answer

if (kIsWeb) {
  // web kodu
}

Web vs mobile matches

platform

Target environment
kIsWeb

Web check
adapter

Platform bridge
mobil

Touch event

Next lesson: Summary - Flutter web

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies