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
19
votes
1 answer

How to get a working QR code scanner for Flutter web?

I’m kind of expecting the impossible, but asking anyway to ensure I’ve not missed out on any great ideas. I’ve tried a couple of Flutter QR code scanner libraries, but as I was kind of expecting, none of those would run when I used the web beta…
user1854555
  • 223
  • 2
  • 10
19
votes
8 answers

Flutter web - Upload Image File to Firebase Storage

On flutter web, I pick an image file from the computer and get a File image object. Then I want to upload it to Firebase Storage. For Android and iOS versions of the app I was using a Firebase Cloud Function and an http multipart request. It worked,…
19
votes
6 answers

I am unable to build my flutter web project

When trying to run flutter build web i get "build web" is not currently supported. I had previous errors where i was stuck with Dart 2.5.0-dev.4.0.flutter-be66176534 and required 2.5.0 or higher, this has now been solved but i am unable to build my…
G_man
  • 323
  • 2
  • 3
  • 6
19
votes
7 answers

Flutter Web not displaying Material Design Icons

I started Flutter web and i wanted to add Material icons to my Flutter web app but its displaying boxes instead. Any help is appreciated. Thanks
JideGuru
  • 7,102
  • 6
  • 26
  • 48
18
votes
4 answers

How to get Flutter ScrollController to save position of ListView.builder() when changing tabs?

I have made a simple example with 2 tabs, each containing a ListView builder. My goal is to be able to scroll in the first list view, switch to the 2nd tab, and then switch back to the first and see the same scroll position from before. I have…
phimath
  • 1,322
  • 2
  • 12
  • 22
18
votes
4 answers

How to run flutter on chrome using visual code editor

How to run flutter app on chrome. I have installed flutter kit and also run flutter channel beta flutter upgrade and also install extension on visual studio code.
Pradeep Yadav
  • 201
  • 1
  • 2
  • 5
18
votes
4 answers

Firebase Authentication is not persisted on Flutter Web

I am using Firebase Authentication on my Flutter Web app, but the session is not persisted during refresh. This is the package I am using. https://pub.dev/packages/firebase This is how I am authenticating with Firebase static Future
dazza5000
  • 7,075
  • 9
  • 44
  • 89
18
votes
3 answers

Any way to add Google Maps in Flutter for Web?

I am exploring flutter-web and want to add google map in it. Although, I have used google map using google_maps_flutter in flutter-app but that works for Android and iOS.
Muhammad Zeeshan
  • 333
  • 2
  • 3
  • 11
18
votes
4 answers

"NoSuchMethodError: tried to call a non-function, such as null: 'dart.global.firebase.auth'" when initializing auth() in flutter for web

I'm trying to implement sign-in function with Firebase Authentication in Flutter for Web app. I can already use Firestore to store/ extract data in the same app without signing-in. When executing the app, it shows the error "NoSuchMethodError: tried…
18
votes
3 answers

How to make HTTP request to In Flutter Web

I was trying my hands on flutter web. I tried to connect a simple flutter web app I created to mysql database and localhost using the http package. However I dont get any data returned from the request method. When I tried to print out snaphot.error…
Norbert
  • 6,874
  • 14
  • 40
  • 65
17
votes
8 answers

Getting "Assertion failed:_pressedKeys.containsKey(event.physicalKey)" error in Flutter Web

I fetched the data from an API through POST request. Then I populated the data inside a GridView Builder. But when I am scrolling the web version of the app it is giving me this error: ════════ Exception caught by services library…
lordarcadius
  • 181
  • 1
  • 1
  • 6
17
votes
5 answers

pubspec.yaml has no lower-bound SDK constraint

I was taking MDC101 flutter code lab. I cloned the starter project from the git repository as per the instructions but after clonning done, I executed flutter pub get and it gave me the following error. pubspec.yaml has no lower-bound SDK…
Feroz Khan
  • 2,396
  • 5
  • 20
  • 37
17
votes
3 answers

How to prevent error of platformViewRegistry [flutter-web]

I am trying to add pdf view in my web page (flutter web).. here is part of the code ui.platformViewRegistry.registerViewFactory( 'hello-world-html', (int viewId) => html.IFrameElement() ..width = '700' ..height =…
wahyu
  • 1,679
  • 5
  • 35
  • 73
17
votes
3 answers

How to insert Adsense display ad in flutter web

I created a fixed display ad 320px *60px. How do I insert in flutter web where I want? This is the code I obtained from adsense:
Gautham
  • 3,418
  • 3
  • 30
  • 41
17
votes
4 answers

Flutter - How can I add a circular loading indicator to my button?

I have a Flutter code. instead of showing nothing when the submit button is clicked, I want to show the circular loading indicator when the button is clicked so to keep the user busy but I'm having a challenge to convert a tutorial I have that does…