safe_area_insets

Use Dart to get the safe-area-insets on Web platform.

Usage

It is recommended to add this line in index.html to prevent flickering during loading.

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

See example for more detail.

Related Reading

• [PWA SafeArea Widget does not work on iOS Safari PWA · Issue #84833 · flutter/flutter](https://github.com/flutter/flutter/issues/84833#issuecomment-890540239)
• Designing Websites for iPhone X | WebKit
• zhetengbiji/safeAreaInsets: Use javascript to get the safe area insets.