// ignore: avoid_web_libraries_in_flutter
  import 'dart:html' as html;
  import 'dart:ui' as ui;
  import 'package:flutter/material.dart';
  
  void main() => runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Example',
        theme: ThemeData(
          primarySwatch: Colors.red,
        ),
        home: Scaffold(
          appBar: AppBar(
            title: Text('HtmlElementView Example'),
          ),
          body: Home(),
        ),
      );
    }
  }
  
  class Home extends StatefulWidget {
    @override
    _HomeState createState() => _HomeState();
  }
  
  class _HomeState extends State<Home> {
    bool _isVisible;
  
    @override
    void initState() {
      _isVisible = false;
      super.initState();
    }
  
    @override
    Widget build(BuildContext context) {
      return GridView.builder(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 5,
            childAspectRatio: MediaQuery.of(context).size.width /
                (3 * MediaQuery.of(context).size.height),
          ),
          itemCount: 30,
          itemBuilder: (BuildContext context, int index) {
            String viewId = 'container_${index + 1}';
            html.DivElement htmlData = html.DivElement()
              ..id = viewId
              ..text = 'My DivElement ${index + 1}';
            // ignore: undefined_prefixed_name
            ui.platformViewRegistry
                .registerViewFactory(viewId, (int viewId) => htmlData);
            return Container(
              width: 300,
              height: 350,
              child: Card(
                child: Column(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Stack(children: <Widget>[
                      Image.network(
                        "https://images.unsplash.com/photo-1612923283356-0197f319d603?ixid=MXwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw0fHx8ZW58MHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60",
                        fit: BoxFit.fill,
                        width: 300,
                        height: 300,
                      ),
                      Container(
                        width: 300,
                        height: 300,
                        child: Center(
                          child: HtmlElementView(viewType: viewId),
                        ),
                      ),
                    ]),
                  ],
                ),
              ),
            );
          });
    }
  }

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 1.26.0-17.4.pre, on macOS 11.1 20C69 darwin-arm, locale en-AT)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.53.1)
[✓] Connected device (1 available)

• No issues found!