flutter_preview icon indicating copy to clipboard operation
flutter_preview copied to clipboard

Published 20 hours ago • verified publisher icon jamesblasco

Preview embedded in VSCode

Open jamesblasco opened this issue 4 years ago • 5 comments

The final goal would be to integrate Flutter preview inside VSCode. This code editor allows embedded views through a webview, so the preview would be running on Flutter web

For having a pleasant experience these are needed:

  • [X] Allow flutter web debug apps to run inside an iframe [#61788] https://github.com/flutter/flutter/issues/61788)
  • [ ] Hot reload for web #53041
  • [ ] Allow getting an Image from a widget in web (for screenshots) #42767

What about using dart-services as dart-pad? We need support for packages :(

jamesblasco avatar Jul 19 '20 08:07 jamesblasco

Some progress here, I managed to embed it inside vscode. Still some work to do to support hot restart

Captura de pantalla 2020-07-23 a las 17 29 56

jamesblasco avatar Jul 23 '20 15:07 jamesblasco

I can't seem to get this to work - is it available in the currently published vscode plugin or do I need to build the plugin myself?

maks avatar Sep 02 '20 02:09 maks

It doesn't work now as it needs some changes in the Flutter repo. I have already submitted a PR

jamesblasco avatar Sep 02 '20 07:09 jamesblasco

I'm assuming it's this one, will keep an eye for it to be merged and then keen to come back and try this out again! 👍

maks avatar Sep 02 '20 07:09 maks

this is a great feature for this package. I really look forward to use this feature

easazade avatar Oct 24 '20 08:10 easazade