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
2
votes
2 answers

Flutter Mobile and Web packages cohabitation

i'm starting a flutter project with target android/ios/web, is there a way to write same lib code for mobile and web platform ? Didn't found solution like conditional import or something like that. In my project, i have created a file…
Lyofen
  • 631
  • 6
  • 15
2
votes
0 answers

Flutter_web, RawKeyboardListener not firing onKey event on hosted page (firebase)

RawKeyboardListener's onKey event is not firing when my web app is hosted on firebase. The onKey event does fire when I host on localhost. Does anyone know why there is a difference in behavior for rawkeyboardlistener between localhost and firebase…
2
votes
2 answers

How can I import dependencies in flutter web?

I'm setting up a new flutter-web application but I can't add dependencies that I could do in flutter. for example I want to add font-awesome-flutter to the project but get this error! font_awesome_flutter: 8.5.0 Because font_awesome_flutter >=8.0.0…
2
votes
1 answer

How to set up firebase function in flutter web project

I am trying to configure the firebase real-time database in my flutter web project is there any suggestion for me to config the firebase real-time database in flutter web project? https://pub.dev/packages/firebase#-installing-tab- I have followed…
kin
  • 61
  • 1
  • 1
  • 2
2
votes
1 answer

failed to create local server ( address already in use ) when trying to serve flutter_web project

i tried launch the flutter web project locally by this terminal command webdev serve --auto restart but i got the following error message Starting resource servers...Unhandled exception: SocketException: Failed to create server socket (OS…
aboodrak
  • 873
  • 9
  • 15
2
votes
3 answers

How can I implement video playback in flutter web?

I'm trying to play videos hosted on firebase on my flutter web app. I can't figure out how this will be possible. With flutter native, the video-player plugin is used but that only works for ios and android. Can someone tell me if it is possible to…
Ziyad
  • 402
  • 5
  • 8
2
votes
1 answer

webdev serve command errors out for flutter_web helloworld example

I have cloned the https://github.com/flutter/flutter_web repository and I'm trying to run the hello_world program in the examples directory. I have done everything instructed in the GitHub page. Additionally, I installed the dart SDK using apt…
Meth Munindradasa
  • 476
  • 2
  • 6
  • 14
2
votes
5 answers

How to Center SingleChildScrollView but make background stretch to fill screen?

I am use Flutter for web for make website. I want make webpage scroll when user scroll down like normal website. I am try use Stack so I can place custom background behind widgets. This background must scroll when user scroll (must stick to widgets…
FlutterFirebase
  • 2,163
  • 6
  • 28
  • 60
2
votes
6 answers

How to update pub package webdev for flutter web

when I try to "serve" my flutter web app I'm getting this error: This version of webdev does not support the build_daemon protocol used by your version of build_runner. A newer version of webdev is available which supports your version of the…
Francesco Iapicca
  • 2,618
  • 5
  • 40
  • 85
2
votes
2 answers

Git error, command git fetch Fatal: not a git repository (or any of the parent directories): .git in visual studio code

I have to start with Flutter for web and downloaded DART sdk as well as Visual studio code and i have installed Flutter plugin is VS code but its showing error Git error, command git fetch Fatal: not a git repository (or any of the parent…
Rudraksh Dixit
  • 131
  • 1
  • 2
  • 6
1
vote
2 answers

Failed to get Firebase project xxxxxx. Please make sure the project exists and your account has permission to access it

I have two projects in Flutter (A, B), in project A I make the normal connection to Firebase and everything works fine, it brings data, sends data, updates and deletes data. since that project is from my personal google account, but when I use…
1
vote
0 answers

How to create a scrollable expandable list with a custom clipped container?

I am trying to recreate this UI: Collapsed Expanded I first created the custom container shape using a ClipPath with a CustomClipper: class FolderClipper extends CustomClipper { @override Path getClip(Size size) { Path path =…
keDarwinz
  • 11
  • 2
1
vote
2 answers

Flutter: "setState() or markNeedsBuild() called during build" error in provider class

I got an error setState() or markNeedsBuild() called during build. I develop an Web Dashboard with a Sidebar in Flutter (Web) using provider for state management. Here is the full stack trace: Restarted application in 243ms. Gleap already…
Jan Hecker
  • 61
  • 1
  • 10
1
vote
1 answer

How to host flutter on firebase?

I am following the steps to host my flutter helloworld application. All steps go smooth, however instead of my application I see this screen. What can be wrong? My commands: polinach-macbookpro3:my_app1 polinach$ flutter build web Building with…
polina-c
  • 6,245
  • 5
  • 25
  • 36
1
vote
0 answers

How do I open windows print popup in my flutter web application

I have a web application where the user answered a questionnaire, I managed to convert all this widget that I created into an image, now I would like to open that chrome popup to print only that specific image that I created Here is the code example…