Evolving Flutter's support for the web
ฝัง
- เผยแพร่เมื่อ 9 พ.ค. 2023
- Flutter apps on the web are loading faster and have better integration with HTML in the latest release. We will also be sharing our progress on compiling Flutter web apps to WebAssembly.
Resources:
Current status of Flutter, Dart, and WebAssembly integration → goo.gle/437cJ8H
Speaker: Kevin Moore
Watch more:
Watch all Flutter Sessions → goo.gle/IO23_flutter
Watch all the Technical Sessions from Google I/O 2023 → goo.gle/IO23_sessions
Watch more Web Sessions → goo.gle/IO23_web
All Google I/O 2023 Sessions → goo.gle/IO23_all
Subscribe to Flutter! → goo.gle/FlutterYT
#GoogleIO - วิทยาศาสตร์และเทคโนโลยี
Watch all Flutter Sessions → goo.gle/IO23_flutteryt_pin
What's about on an android mobile browser (chrome) and on ios mobile browser (safari) ?
I am having serious issues working with Flutter Firebase for the web, the File widget is working on iOS and Android but not on the web it keeps on getting an Unsupported platform error. Anyone has a clue on the solution, please help me out I have a deadline to meet up with 😢
Good job guys. Makes me confident flutter is here to stay with growing support
Love the progress, here’s to it becoming even more performant!
Great improvements! Thanks to the Flutter team!
Exciting progress flutter team!
Congratulations Flutter team!
it's a great works congratulations, i dont' know how de you make so many improvement in "juste" a simple update. Day after Day i'm proud to say i'm flutter developper ! thanks team for your fantastic works
Keep on the great work!!! Flutter and Dart on the rise!
Great work!
Improve support for SEO. Much needed. Flutter web will never become complete without proper seo support
Excellent work
The Dart and Flutter web spinners are spinning at never-before-seen speeds!
Hi everyone from Ukraine. With every news I understands that I'm in love with Flutter and it was the right choice.
Wow great improvements !
future blongs to Flutter! hats off to the developers
Cant wait to see how the WASM change is going to turn out! Thank you guys!
So happy to hear the loading time is down. Thank you guys
I love flutter!🎉
I love you guys
Great!
Im using to embed flutter app, im so excited to try this new thing 🎉
Thanks
Awesome
Thanks great flutter team
Could you please prepare a tutorial for release on the server?
Nice ❤😮
What about SEO, are there any significant improvements planned in the near future?
Thank you. What about SEO and search result for the flutter web app
Great
Man, you don't know how long I've been waiting for this, for the web app download speed to get solved... Best regards from Yemen 🌹💖
don't mind me, just making a personal note
3:28
5:25
Flutter is awesome in every way but to get massive deployment for the web include SEO.
Chrome is already rendering webpages for SEO, so thats done, as far as stuff like twitter cards and previews, you'd prob need to ssr the page, which could be done right now,
Chrome isn't involved in SEO, I guess you mean Google's crawler
@@ThomasIsBored Yeah, sorry i mispoke, googlebot is what I meant to say, but Googlebot is using the chrome rendering engine, so I'm not 1000% off.
WasmGC is awesome!
Flutter web could be so massive. There are so many people out there like me hating css and HTML. building website without touching HTML and CSS a single time is so massiv!
is there seo support? Because if there is ill drop wordpress and come to full flutter web.
Where is the linked blog post? I can't find the shader demo
when will this be ready for production use? last I tried, it was super slow and used a lot of resources.
Kindly work on SEO side also ...thanks
How many times should we ask about SEO?
We need seo
I love this, but deployed flutter app camera not working
please integrate admob or adsense into flutter web
you promised a link to the source code, where is it?
When can we have waveform of a audio in flutter web? Or just when can we use dart:web_audio ?
I am not a good dev, and I am lost in WebM file that I record with pub dev "record". I can't analyse them because I don't really understand EBML how extract "frames".... And I am frustrated that I can't use flutter to have a waveform simple in web. Now I read that maybe the solution it's to do interop with Js with dart:web_audio... But it's seem difficult...
It's cool to have functionality that give a good look. But it's hard to haven't "basic"" functionality with audio with this powerful language.
Can Flutter web be integrated with my previous react or Vue projects? Is there a demo? My web project requires both Flutter and Vue
Embedded in Angular 2:45
can we make multiple flutter divs? does this mean multiple times the resources? do they share?
With Flutter 3.10 you can only do ONE div. We are looking to leverage the multi-window support coming to desktop to allow multiple app divs from one running Flutter Web app. Stay tuned!
@@kevmoo thanks for the reply. we are looking forward to see this feature.
Is it possible for a flutter web app, to access a computer's peripherals? I understand a desktop application can be built using FFI that can call DLLs... but can that be done with a browser-based flutter web app as well?
If so, can a webserver be run on the desktop, such that this web app can be viewed on a remote browser yet still access the computer's peripherals?
i expect scroll dan drag/gesture get performance improvement on web. but not yet :(
Everything is super, the flutter web promotion is going very fast! Guys, tell me the easiest way to make an isolate for the web? Service worker tell me.. can you do more examples using service workers then? After all, there are times when UI freezes during bulk operations, and there is still no simple solution!
We need SEO!!!
Flutter itself says it is for building webapps not websites. Seo is already pretty bad in webapps..
Why? AI will kill SEO anyway 😅
flutter is not a web content platform
Element embedding basically allows for this?? just embed your flutter app in a site that is SEO'd to the max lol
Won't happen
wow
please do something for seo
what about support for web ads?
Where I can see this angular app?
where can i find this source code
What about the seo?
Is to possible to automate flutter in web
Gave us the Fragment Shader support already 😅
how to do seo
Cors error when we call Api in flutter web, works fine in android and ios
Where's the link to that output 57 webapp?
SEO?
how to configure aqflite with local storage
Please work on the SEO part because after the development SEO is a headache for web developers.
up
Make Flutter Web SEO friendly
Man ............I'm waiting for an upgrade for Flutter Web.. as I don't Html css
where is the sample code?
what about ssr
or make a wordpress plugin for wordpress like webflow does
Is it possible to write the front end with flutter and wasm part with Rust? So don't need to wait till wasm GC
You can't write Flutter without Dart. And Dart needs GC. You can just compile to JavaScript for now, though!
SEO Seo
Sample code please?
Sure thing! If you're talking about the Angular embedding demo, you can find it here: github.com/flutter/samples/tree/main/web_embedding. The bit with shaders is in our codelabs repo, and you can find it at this link: github.com/flutter/samples/tree/main/web_embedding.
what about deep linking, it's what blocks beginners to avoid flutter web
We need reduce loading time
honestly flutter never my first choice but of course reasonable for small app jobs i accept that but! if i talkin about the complex app or web projects
hell no.. not even a choice :D react or kotlin still good choices..
where is codesample for code
first to comment 🎉🎉
flutter web with mysql suggestion
We wanted Flutter Web outperforming React Js 🚀🚀🚀🚀🚀
No SEO, No party 😢
With Flutter 3.10.0, compile faster by not compiling at all! (3rd party libraries are completely broken)
Why do these guys keep ignoring Ads for flutter web...
Not ignoring...at all. It's really hard to get ads working with Canvas-based content. You can't match ad content to the site content. We're hoping element embedding will make this easier.
@@kevmoo bro I've already made a killer work around. It works! It's just that goggle admob screws flutter over!. And if you already have admob integrated for your mobile... It's a pain to now develop another code base just for web Ads in my flutter app using another ad provider. If Google ad mob could just be some how signaled that this is a flutter website... My work around lands perfectly. I've tested it seamlessly. But it's a wonder flutter hasn't been able to solve the issue. Can u imagine wanting to make a framework seriously... And not allowing a serious developer to be able to earn out of his chosen work tool?!!!
Flutter until now is focused on web applications and not on websites. Unfortunatel 😔
Loading a simple counter app takes 4-7 seconds??!?! Anyone else notice how horrible that is?
> Leveraging features that are unique to Chromium browsers.
I.e. using non standard features that will degrade the user experience for non Chromium users.
Non-Chromium browsers have a great experience. Just the download is a bit longer. We're working with standards bodies to get these features everywhere!
wish not disappointment again
Without SEO everything is Useless for Flutter Web...
Flutter web will always be garbage if you continue to focus on webapps
have you seen Rive? it is an awesome flutter web app
flutter is not ready for web. not even close even with the update. But progress on crossplatform mobile app dev is great for sure.
Great work!
We need seo