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
11
votes
4 answers

Cannot read properties of undefined (reading 'app')

Im trying to implement the firebase SDK to my Flutter web project. But as i try to start to application the following error appear: TypeError: Cannot read properties of undefined (reading 'app') at Object.app$ [as app]…
user14085420
11
votes
2 answers

Why don't the buttons in Flutter Web have a margin?

I have the following code: Scaffold( appBar: AppBar( title: Text('Test'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ …
Yayo Arellano
  • 3,575
  • 23
  • 28
11
votes
1 answer

"threads" in Dart using Flutter for web

I'm currently implementing a simulation for some mathematical problems. Since Flutter has such an easy way to create user interfaces and has web-support, I decided to use Flutter for this project. So far, everything works perfectly. The problem…
Alb
  • 1,063
  • 9
  • 33
11
votes
2 answers

Get file path from system directory using Flutter web (chrome) to read file content Eg: CSV or Text file

Package tried: https://pub.dev/packages/file_picker Tried the example code implementation shared via GitHub. But the file path is returned as null for web platform. Where same implementation in mobile platform return the path as…
Dinesh Nagarajan
  • 1,063
  • 2
  • 10
  • 22
11
votes
2 answers

Flutter TextButton take up the whole width

I am doing a TextButton that I need to be on the right part of the page. The button content is on the right, but the button itself is taking up the whole width of the page. How can I make it not? This is my code: Padding( padding: const…
user3808307
  • 2,270
  • 9
  • 45
  • 99
11
votes
2 answers

how to implement flutter web push notification

I'm wondering if I can implement push notification in flutter web? I saw that I can create push notification for mobile app with firbase_messaging but is it possible to use it for web app? or any other alternative to accomplish it?
Sepehr Marashi
  • 111
  • 1
  • 1
  • 4
11
votes
1 answer

Flutter webviews gives net::ERR_CACHE_MISS message

When using webview in flutter i am getting this message. here is the code import 'package:flutter/material.dart'; import 'package:flutter_webview_plugin/flutter_webview_plugin.dart'; class Webview extends StatelessWidget { String url; …
11
votes
3 answers

Flutter Web crashes with Cannot open file client.js

May I ask your help about this error It's happen when I'm trying for the first time running my flutter web which using flutter run -d chrome Launching lib\main.dart on Chrome in debug mode... Syncing files to device Chrome... …
Aldy Yuan
  • 1,795
  • 9
  • 23
11
votes
4 answers

Flutter Web: How Do You Compress an Image/File?

Flutter Web is currently in beta, so there's a lack of available info/resources on how to do this. I could not find any flutter packages compatible with web to do this. Any tips? Here's my code: uploadImage() async { File file; FileReader fileReader…
Kai Selekwa
  • 173
  • 2
  • 8
11
votes
3 answers

How to use an ellipsis overflow with multiline Text in Flutter

When I configure a Text widget with a maximum of 1 line and an overflow set to ellipsis, the widget shows correctly. Text( "Last summer, I was working on a prototype for an AR app that would allow users to create virtual objects in real…
matwr
  • 1,548
  • 1
  • 13
  • 23
11
votes
3 answers

Playing Vimeo videos in Flutter

I'm trying to play vimeo videos in flutter app using the video_player plugin but got no success, it's throwing bunch of errors. please help me how I might go about implementing this in flutter app? using webview or any plugin etc? perhaps a code…
Teekam Suthar
  • 529
  • 1
  • 9
  • 20
11
votes
2 answers

Flutter Web Google Sign In

I try to implement a signIn with Google in Flutter Web. I use GoogleSignn 4.1.1 and Firebase Auth 0.15.4. I do not get any error message. It just does not pop up. I registered the web app in Firebase (Added Dependencies) and even added the
11
votes
2 answers

Add id or name property or other means of identification for Flutter Web applications?

Writing a Flutter Web application, I try to leverage a Web-UI-Testing framework based on Selenium. Sadly I fail to identify a HTML-Element representing a certain flutter widget by its id or name attribute. The widget key is not present in the HTML…
Martin Kersten
  • 5,127
  • 8
  • 46
  • 77
11
votes
4 answers

Splash Screen in flutter web

There are Android and ios splash screens in their respective folder which we can change. Is there any splash screen for flutter web? I see a white screen before web page is loaded. how can we change that ? is that a splash screen or loading wait…
max
  • 162
  • 1
  • 8
11
votes
5 answers

Chrome not showing up in vscode. Manjaro Linux

i'm on Manjaro. i've install google-chrome from AUR and it shows up in flutter doctor , flutter devices when executed from terminal. the problem is when i run flutter doctor from vscode it says [✗] Chrome - develop for the web (Cannot find chrome…
T-X
  • 145
  • 1
  • 9