safe_area_insets 0.0.1

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

example/lib/main.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:safe_area_insets/safe_area_insets.dart' as sai;

import 'js_ext_stub.dart'
    if (dart.library.html) 'package:safe_area_insets/src/js_ext.dart';

void main() {
  testJsExt();
  if (kIsWeb) sai.setupViewportFit();

  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: SafeArea(
          left: false,
          right: false,
          child: Container(
            alignment: Alignment.center,
            color: Colors.green,
            child: Material(
              child: InkWell(
                onTap: () => setState(() {
                  /*refresh*/
                }),
                child: Text(
                  'SafeAreaInsets: ${kIsWeb ? sai.safeAreaInsets : 'unsupported'}\n'
                  'Click to Refresh',
                  textAlign: TextAlign.center,
                ),
              ),
            ),
          ),
        ),
      ),
      builder: (context, child) {
        child ??= const SizedBox();
        return kIsWeb ? sai.WebSafeAreaInsets(child: child) : child;
      },
    );
  }
}