'Flutter WebView doesn't work on canvas for web

I am building a cross platform application for web, android and mobile using WebView feature but I want to use the canvas implementation but the WebView doesn't work in canvas what should be done.

flutterdartwebcanvas


Solution 1:[1]

In fact you can use the HtmlElementView

Heres an example

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

void main() {
  // ignore: undefined_prefixed_name
  ui.platformViewRegistry.registerViewFactory(
      'hello-html',
      (int viewId) => IFrameElement()
        ..width = '640'
        ..height = '360'
        ..src = 'https://www.youtube.com/embed/xg4S67ZvsRs'
        ..style.border = 'none');

  runApp( Padding(
        padding: EdgeInsets.all(25),
        child: SizedBox(
          width: 640,
          height: 360,
          child: HtmlElementView(viewType: 'hello-html'),
      ),
    ),
  );
}

Check it out here:

https://codepen.io/riccio85/pen/wvMeaMe

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Snivio

Related Questions