Apparently Tip #5 I was wrong! You can just use regular names routes and the correct URL will show up! Thank you all for pointing it out in the comments!
It might be worth talking about skia and canvas build options which add support for text selection among other things without the use of selectable text widgets.
Thks a lot! Helped me with my Online Organizer I am currently working on. Maybe another web aspect I came across is of interest: on wep pages normally you hit Enter to submit a form/button etc. In flutter web it seems not to work (well space works) .Found a workaround with focusNodes, like focusNodeSubmit = FocusNode(onKey: (node, event){if (event.isKeyPressed(LogicalKeyboardKey.enter){ ....do stuff.. ...}return false} ); Then add focusNodeSubmit to your button, such as focusnode: focusNodeSubmit. maybe that is useful for someone else ;) . Great content on your channel! keep goin!
Regarding navigation - I use Navigate with named routes, and the address shows up in the address bar as you would expect for a web page. Not too sure what the benefits of changing to version 2.0 are!
If you edit your firebase.json like below (pay attention to hosting\public property), you'll not need to copy your build\web folder to public folder. { "hosting": { "public": "build\\web", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } }
hello Tadas.. dear I want ask you about something and I could not reach you .. what is the best approach to track driver location at the user app at a project like Uber or any taxi app... my first approach is to use socket in dart or maybe try to make a peer to peer connection between user and driver but I really do not how to start this do you have any tutorial to do so ...please your kind advice
Currently When deploying application to Firebase urllauncher is not working when testing locally whether its debug or release in the browser everything is working fine but when deploying to Firebase url launcher no longer work
I hate you and love you. You gave nice tips but also revealed that making *both*, a mobile app *and* web app, with Flutter is going to be a pain in the ass. I was hoping Flutter would be the answer I have been looking for.
Haha I think as of right now that statement is right. BUT even with these workarounds that I have shown, imagine only having to deal with that and no other part of the code. Key thing to remember, Flutter Web is not stable yet. I really hope a lot of it becomes sorted out when it does become stable, and then there's a clear answer :)
Apparently Tip #5 I was wrong! You can just use regular names routes and the correct URL will show up! Thank you all for pointing it out in the comments!
Great tips, and super easy to follow! Keep it up 😀
Thanks Robert 😊
All in one, Awesome Content
Thank you so so much for these tips. I am currently working with Flutter web to create my portfolio website and these tips are super helpful!😀
Glad it helped, and good luck on your portfolio! I'm building mine right now too!
It might be worth talking about skia and canvas build options which add support for text selection among other things without the use of selectable text widgets.
Oh damn i don’t know much about that topic but I’d definitely be interested to learn. Do you have any resources for that
you are such a great person thank you for such a video😃
Thank you for watching 😊
Thks a lot! Helped me with my Online Organizer I am currently working on. Maybe another web aspect I came across is of interest: on wep pages normally you hit Enter to submit a form/button etc. In flutter web it seems not to work (well space works) .Found a workaround with focusNodes, like focusNodeSubmit = FocusNode(onKey: (node, event){if (event.isKeyPressed(LogicalKeyboardKey.enter){ ....do stuff..
...}return false} ); Then add focusNodeSubmit to your button, such as focusnode: focusNodeSubmit. maybe that is useful for someone else ;) . Great content on your channel! keep goin!
Oh yeah that’s a really good tip. That’s definitely something a website should have!
it is super bro more flutter web!
Will try 😊
Regarding navigation - I use Navigate with named routes, and the address shows up in the address bar as you would expect for a web page. Not too sure what the benefits of changing to version 2.0 are!
Oh wow. I definitely missed something here then
I added a pinned tweet for it thank you!
If you edit your firebase.json like below (pay attention to hosting\public property), you'll not need to copy your build\web folder to public folder.
{
"hosting": {
"public": "build\\web",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Yes that’s a good tip thank you!
Nice tips. How can we implement the default scrollbar in Flutter web?
That’s actually something I haven’t worked with so I don’t really know. I’ll take a look at it
One of the main reasons why I use the web version is that it is quicker to run debug with than the emulators.
hello Tadas.. dear I want ask you about something and I could not reach you .. what is the best approach to track driver location at the user app at a project like Uber or any taxi app... my first approach is to use socket in dart or maybe try to make a peer to peer connection between user and driver but I really do not how to start this do you have any tutorial to do so ...please your kind advice
Currently When deploying application to Firebase urllauncher is not working when testing locally whether its debug or release in the browser everything is working fine but when deploying to Firebase url launcher no longer work
It says 'Welcome, succesfully set up hosting' plz help
did what was in vid
so you set it up successfully?
@@tadaspetra nvm fixed it 😁
@@slc_ nice job 😊
@@tadaspetra Sir, a new problem emerged. Now it gives me a blank screen and i searched the internet. Any help is appreciated 😁😁😁
Can i see the example web build with flutter? What the name/domain of web
tadaspetra.com but it is still a extreme work in progress lol. There's a lot of things it is lacking
Hello, Do you have any way to log flutter web error from Js to Dart.
Hi Tads
U follow your advice, my flutter website run correctly on desktop mode but provide a l screen in mobile mode. Plz help.
How does mouse region work on iPad with a trackpad? Does it work like web or nothing special?
I am not too sure about this, but i think it should work similar to how desktop apps work
i have 1 question,why flutter web can't run on mobile phone,thank you very much
SelectedText, aha, thanks!
Yes very important to use that for websites!
@@tadaspetra How do you handle overflow with it?
@@jrheisler I’m pretty sure it works the same way. You have to just wrap it in an Expanded or Flexible Widget
@@tadaspetra I was wondering why it didn't have a
overflow: TextOverflow.ellipsis,
why does it take so long to load the site? seems like an excessively large file
4 tips were awesome, 5th tip, not so much :P
Haha why not?
If you to fail deploy your website you probably need to add firebase_core package and copy the config(CDN) to your index.html as a script. PEACE.
I hate you and love you.
You gave nice tips but also revealed that making *both*, a mobile app *and* web app, with Flutter is going to be a pain in the ass.
I was hoping Flutter would be the answer I have been looking for.
Flutter mobile app + React web app is probably the way to go still.
Haha I think as of right now that statement is right. BUT even with these workarounds that I have shown, imagine only having to deal with that and no other part of the code.
Key thing to remember, Flutter Web is not stable yet. I really hope a lot of it becomes sorted out when it does become stable, and then there's a clear answer :)
Definetly. Couple more years and maybe it's production ready for hipster start ups, and then we get the ball rolling for real.
@@narcissisticnarcissus4956 definitely agree. Hopefully I can be one of those hipster startups :)