Questions tagged [flutter-web]

Questions related to Flutter for web support – currently (as of January 2021) is available on the beta channel. Flutter supports the generation of web content rendered using standards-based web technologies: HTML, CSS and JavaScript. With web support, you can compile existing Flutter code written in Dart into a client experience that can be embedded in the browser and deployed to any web server.

Flutter for web is a code-compatible implementation of Flutter that is rendered using standards-based web technologies: HTML, CSS and JavaScript. With web support, you can compile existing Flutter code written in Dart into a client experience that can be embedded in the browser and deployed to any web server.

4374 questions
15
votes
4 answers

How to use Skia / CanvasKit in Flutter Web?

I know that Flutter supports using Skia instead of DomCanvas in Flutter Web using WASM CanvasKit, i.e. "Skia + WebAssembly". I have heard that this provides significant performance improvements, however, I do not know how to enable it.
creativecreatorormaybenot
  • 114,516
  • 58
  • 291
  • 402
15
votes
2 answers

How can I debug a Flutter Web App on Safari using the inspector?

I am using flutter to write a simple app, everything works fine on Android, iOS, and Chrome. (I've also tested on Firefox & Brave Browser, all's well). However, on Safari (Mac & iOS), the flutter app gets stuck on the index.html file and does not…
baselsader
  • 424
  • 2
  • 4
  • 16
15
votes
2 answers

How to reduce loading time of flutter web app

As of now, we can launch a flutter web app as a single file that will load at once hence taking a lot of time and bandwidth to load which is not ideal, is there any way to load only a single page at a time, not the whole web app. By this I mean,…
UTKARSH Sharma
  • 698
  • 1
  • 8
  • 17
15
votes
3 answers

Flutter Web Upload to Firestore

I am having issues with Flutter web and uploading Images to Firestore. I'm pretty sure the issue lies in the Image Picker, as the normal(mobile) image picker does not work for the web. The normal image picker returns a File, but the alternative…
JobsyNZ
  • 485
  • 4
  • 13
15
votes
1 answer

How to detect mouse wheel scrolling in flutter web?

How can you detect mouse wheel scroll in flutter web? It seems like it would be in a gesture detector but I don't see it in there. How do list views detect mouse scroll?
phimath
  • 1,322
  • 2
  • 12
  • 22
15
votes
4 answers

Flutter Web : Is it Firebase Analytics support in Flutter web application?

Can we implement Firebase Analytics in a Flutter Web application? If not, is there any other option?
Sanjayrajsinh
  • 15,014
  • 7
  • 73
  • 78
15
votes
2 answers

Is there any plugin or way to upload file to server using flutter web?

I want to upload image to the server from flutter web application. Is there any better way of doing that. I've already tried with couple of plugins. image-picker, file-picker But none of them are supported for flutter web.
14
votes
1 answer

Flutter Web Selectable Text not deselecting when clicking or selecting other widget

I have this problem only when using Flutter Web version. 2.8 and 2.10 , when I tried using Flutter 2.5.3 and other previous version the problem doesn't happen. Example Widget inside Column: SelectableText("'Lorem Ipsum is simply dummy…
Jolzal
  • 547
  • 7
  • 19
14
votes
5 answers

How to fix Flutter Expected a value of type 'Map', but got one of type 'List'

I'm developing a web app using Flutter Web and RESTful API for backend. So, I'm trying the fetch the data from the api, serialize it by using Flutter Models, then return the result. The Problem is, I'm getting this result Expected a value of type…
PyLoko14
  • 141
  • 1
  • 1
  • 3
14
votes
5 answers

View Flutter web on mobile

I am building a flutter web app, but I want it to behave differently on mobile and desktop. To test it, is it possible to run the web app on a phone's browser or in the browser of an emulator? Thanks
Bennett567
  • 535
  • 1
  • 3
  • 18
14
votes
1 answer

Flutter Web listen to Events posted through iFrame

my goal is to integrate a flutter widget with the help of an iframe on my main page. The main page is not written in flutter. However, I need an interface through which the main page can communicate with the widget. So I thought of using…
Jannik
  • 635
  • 1
  • 6
  • 14
14
votes
3 answers

Getting error while upgrade the flutter version 2.0

I getting an error while trying to run the flutter app in a web browser. Following is the output that I am getting while running the app : Launching lib/main.dart on Chrome in debug mode... Waiting for connection from debug service on…
amit
  • 659
  • 1
  • 8
  • 21
14
votes
4 answers

How to run Flutter Web on mobile chrome from IDE

My goal is to have "chrome on android" as a selectable run/debug configuration in Intellij. I am looking for a way to run my flutter web app on my android phones browser. I believe this could be achieved with a custom run configuration in Intellij…
Damian K. Bast
  • 1,074
  • 7
  • 18
14
votes
2 answers

Flutter Web: Detect browser/tab close or refresh?

With Flutter Android and iOS modules you can use AppLifeCycleState to detect when the app is put into the background. Is there something similar for Flutter Web where I can detect the browser/tab closing or refreshing? I essentially want to run a…
Ross Patterson
  • 257
  • 1
  • 3
  • 10
14
votes
1 answer

How do you share code between 2 Flutter projects?

With Flutter now supporting web and mobile app development, what's the best practice to avoid rewriting code all the time? Say you have a few classes / functions living in your mobile app project that'd you'd like to reuse for your web project, is…
Kevan
  • 363
  • 2
  • 11