Run local HTML, CSS & JS in Flutter Web

Question

So I’m trying to run local HTML, JS, CSS from flutter Web.

I figured out that you usually could use flutter Web View plus, but it isn’t compatible with Web.

I also figured out that it isn’t a big problem showing plain HTML in Flutter Web (through WebView_Web). But I can’t figure out how to depict HTML code & additionally JS in Flutter Web.

How could I achieve wished behavior or does somebody have a link to a tutorial/video that could help?

powerman23rus · Accepted Answer · 2022-12-12 16:43:32Z

1

For wrapping JS libraries with HTML you can use IFrame approach that is described here

answered Dec 12, 2022 at 16:43

powerman23rus

1,5911 gold badge11 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

powerman23rus · Accepted Answer · 2022-12-12 15:34:10Z

0

First of all, you have to run the web server by the command below where port property you can customize

flutter run -d web-server --web-port 8080

After you need to open in your browser the index.html file from your build/web folder and after that just change the port number to the same one that you specified before

answered Dec 12, 2022 at 15:34

powerman23rus

1,5911 gold badge11 silver badges19 bronze badges

3 Comments

Nikita Over a year ago

But how can I have for example in a Container widget that is in the original Flutter html an additional local HTML file

powerman23rus Over a year ago

Then I totally don't understand what do you want to achieve

Nikita Over a year ago

I want to integrate Paypals Buttons from the PayPal Sdk

Collectives™ on Stack Overflow

Run local HTML, CSS & JS in Flutter Web

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related