use dom with flutter

main.dart

@JS()
library vue_app;

import 'package:flutter/material.dart';
import 'dart:ui' as dart_ui_web;
import 'dart:html';
import 'package:js/js.dart';
import 'dart:js';

@JS('console.log')
external log(dynamic n);

void main() {
  log('App start up!');

  // ignore:undefined_prefixed_name
  dart_ui_web.platformViewRegistry.registerViewFactory(
    'box',
    (int viewId) {
      log(viewId);
      DivElement elm = DivElement();

      DivElement inner = DivElement();
      inner.style.height = '40px';
      inner.style.backgroundColor = 'orange';
      inner.innerHtml = 'hello';
      ButtonElement btn = ButtonElement();
      btn.innerText = 'click me';
      elm.append(inner);
      elm.append(btn);
      // mount('box', inner);
      return elm;
    }
  );

  runApp(MaterialApp(
    title: 'Flutter web dom demo',
    theme: ThemeData(
    ),
    home: RhinoApp(),
  ));
}

class RhinoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: HtmlElementView(viewType: 'box'),
      )
    );
  }
}