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

Flutter: Make text/images selectable in whole web app

In the Flutter web apps, there is no default functionality which makes text and images in the app selectable. Is there a way to enable selection functionality for text/image on web? I did check SelectableText widget but it is only for text and I…
Ahmad Khan
  • 757
  • 9
  • 22
10
votes
1 answer

Flutter web throws error on same project but different laptop

So I just won a new laptop in a competition and now I am having some trouble migrating my flutter projects. I have set up the editor and migrated the important files in the code, i.e the lib, image, font, pubspec.yaml and web. But this app is now…
Siddharth Agrawal
  • 2,960
  • 3
  • 16
  • 37
10
votes
0 answers

Flutter Web: Access to XMLHttpRequest at ** from origin ** has been blocked by CORS policy

I'm in process of developing one application in which I am making 'http' request using import 'package:http/http.dart' as http; package. This request is working fine when I use that in Android and iOS but in Fultter Web I am getting CORS Policy…
Anuj Mendhule
  • 109
  • 1
  • 5
10
votes
2 answers

How to catch OAuth2 token in Flutter Web?

This dependency supposedly supports web, but the implementation to listen for the callback and retrieve the token is missing. After digging around for the last three days, a few people suggested that it would work using the dart:html library, with…
10
votes
2 answers

Flutter web flavor

I have a Flutter web app that uses firebase and I have two firebase projects(dev and prod). I'll like to set up Flavors for this project(just web no mobile). In mobile, I can use different GoogleService-Info.plist or google-services.json files for…
JideGuru
  • 7,102
  • 6
  • 26
  • 48
10
votes
3 answers

Flutter web requires browser refreshing to reflect changes after hot restart

I am working on a flutter web project and runs it on chrome. Every time I make changes and press r, I will see the following lines: Performing a hot restart... (This is taking an unexpectedly long…
Aiyox
  • 121
  • 1
  • 6
10
votes
7 answers

XMLHttpRequest error with Flutter-Web using Google Places API (firebase hosting)

Inside my Flutter-Web application I'm trying to get address using flutter_google_places package. I'm trying simple code to get autocomplete address field (MyTextField is just a customized Text Field): final addressField = MyTextField( controller:…
10
votes
1 answer

CORS flutter web

I have a big problem that makes me late on my project I have the CROS problem that blocks my requests I can't correct it, I added in my .htacess the lines below, but it doesn't work I can't understand it Cross-Origin Request Blocked: The Same Origin…
dafep
  • 219
  • 4
  • 6
10
votes
2 answers

How to add packages separately for Flutter web and mobile?

I am creating a Flutter project targeting of Android/iOS and Web is there any way to add the supported packages separately for both the Flutter Mobile and Web. For example, I am using the dart:io package in Flutter mobile applications to save the…
Chinnu
  • 556
  • 1
  • 5
  • 12
10
votes
4 answers

import 'dart:io'; not support on the web application

when I use the dart: io library on the flutter web, a warning appears when debugging .like that [WARNING]build_web_compilers:entrypoint on web/main.dart: Skipping compiling retgoo_internal|web/main.dart with ddc because some of its transitive…
oceany
  • 365
  • 2
  • 5
  • 11
9
votes
3 answers

How Manage SEO In flutter web?

I want to build my portfolio with Flutter web, but only thing is load on Inspect page is this: How can I manage SEO in flutter and make texts also crawlable…
samy cripten
  • 191
  • 1
  • 1
  • 11
9
votes
1 answer

Scroll is not working over the Iframe with embedded flutter application

I have a flutter application which I deployed on a server. On a webpage, I embedded the flutter application Inside an Iframe. Problem When I scroll the page, After reaching the iframe, I cannot scroll any more. It seems Flutter application consumes…
9
votes
3 answers

Flutter web status bar in iOS (Safari)

I try to change the status bar in the safari browser, I search it and it was a lot's question about it but none of them fixed my issue. I tried change-status-bar-color and how-to-change-chrome-header-color. This blue area is around iPhone's…
Ali Azimoshan
  • 1,081
  • 11
  • 26
9
votes
0 answers

Does Webpack plugin for MicroFrontends support flutter web app be used as MicroFrontend inside angular app?

I have angular application which works independently. Also there is a flutter web build for a certain feature which runs independently. I would like to use the flutter web build as a micro frontend which can be viewed in angular shell application…
ACR
  • 317
  • 1
  • 8
9
votes
1 answer

Flutter Web-stable reducing my hard drive space everytime i run the web app?

I recently upgraded my flutter version from beta to flutter stable 2.2.2 However, everytime I run the flutter-web app that am creating, the size of my hard drive keeps reducing!!What could be the cause of this? Is
Emmon
  • 377
  • 1
  • 9
  • 24