hi guys, I build a live preview widgets site built with flutter web. 100+ widget sample are now included. https://flutter-widget-livebook.blankapp.org
a bug @lijy91
So if I go to my web browser and go to the URL
http://localhost:8080/post?id=1234 in the Flutter code I will be able to take that ID argument in the post endpoint
takes ages to build
Hi, since I can do
flutter config --enable-web now, do anyone know any available online doc talking about the best pratice to manage a flutter project for both mobile and web? It seems I still need to have two different versions of pubspec.yaml and remove all the packages which are not supported by the web. so any best practise? Maybe I just move all the common packages out to be a single lib package. So end up three dart packages. one for common class, one for mobile and one for web. Is this a good design? Thanks a lot.
OK. I was wrong about two diff versions of
pubspec.yaml. I didn’t find the right procedure to do it. Flutter team hides this deeply. After following the right procedure, it turns out it has to be a completely diffrerent project/package due to flutter create —web . did something I am unsure. So, the question still applies. Should I create three projects (packages)? One for common, one for mobile and one for web? Is this best practise? I haven’t tried it if that way will work or not.
On flutter web?
Window.location
window.location sorry
I cant implement it
@juanjoserodrigolazaro ?
you won’t find any solution that works in a desktop browser for geolocation
at best, you can turn the local IP address into a guessed address.
but this may be wrong because of VPNs and NAT’ed addresses.
so what’s your actual goal?
not sure if that works via dart:html or not....
anyone have any ideas about this? https://stackoverflow.com/questions/57566589/iframeelement-eventlistenter-not-being-called
So you cant test on yout localhost
@QubiSmartLocks Figured it out, just wrap your TextField/TextFormField in a RawKeyboardListener like below.
RawKeyboardListener(
focusNode: FocusNode(),
onKey: (event) {
if (event.runtimeType == RawKeyDownEvent && (event.logicalKey.keyId == 54)) {
print("ENTER Key pressed");
//Do something
}
},
child: TextFormField()),
@Sekaiichi4_gitlab my problem is not to get ENTER key presses, as you wrote, is keyId 54 (Digit 6???) and TAB key, keyId "Digit 2" (don't ask). My real problem is to focus next node. When I put node.nextFocus(); it jumps twice! Try it: Put 3+ TextFormField with all focusNode assigned... then, when ENTER key pressed, just go next... it jumps twice!
Hi, guys! I'm writing front for new project on flutter_web.
Is there good way to rewrite url when using onGenerateRoute+MaterialPageRoute?
There is workaround that i found so far: pass
But it isn't so great way, not very convenient, but mainly case of such scenario:
"/#/" -> "/" -> press button -> "/profile" -> press "Back" browser button -> "/#/" (not "/")
UPD. This is slightly better, but still hope to find "out of the box" way to do it
Is there good way to rewrite url when using onGenerateRoute+MaterialPageRoute?
There is workaround that i found so far: pass
path param to page widget and do manual rewrite in initState:window.history.replaceState(null, widget.title, widget.path);But it isn't so great way, not very convenient, but mainly case of such scenario:
"/#/" -> "/" -> press button -> "/profile" -> press "Back" browser button -> "/#/" (not "/")
UPD. This is slightly better, but still hope to find "out of the box" way to do it
window.history.replaceState(null, widget.title, '/#'+widget.path);
@QubiSmartLocks To be honest I have the same problem, even when you don't use the nextfocus() but instead manually request focus on the focus fields it skips. But I believe that it only happens because the next RawKeyboardListener is also active, so when you press ENTER, the next field also corresponds to that keypress. I wonder if there is a way to disable a RawKeyboardListener when it's focus node isn't focussed.
@QubiSmartLocks One solution is to have a boolean value "canEnter" check to see if you can focus on the next TextFormField, and have it go false as soon as the user presses ENTER. After which you can allow the user to only press Enter again by putting the boolean back on true only with OnChanged() of the TextFormField.
child: LottieView.fromFile(
filePath: "assets/animation_books.json",
autoPlay: true,
loop: true,
onViewCreated: onViewCreatedFile,
),