“matchMedia” support in Dart

Question

How to use window.matchMedia in Dart?

I have found corresponding method:

MediaQueryList matchMedia(String          


        

Answer 1

As pointed in a comment it doesn't seem to be implemented in Dart for now.

However you can use dart:js to do that like this :

import 'dart:js';

main() {
  if (context['matchMedia'] != null) {
    final mq = context.callMethod('matchMedia', ['(min-width: 500px)']);
    mq.callMethod('addListener', [widthChange]);
    widthChange(mq);
  }
}
widthChange(mq) {
  if (mq['matches']) {
    print('window width is at least 500px');
  } else {
    print('window width is less than 500px');
  }
}