flutter/flutter_web

LiJianying

@lijy91

I build a live preview widgets site based on flutter web.

Yegor

@yjbanov

Previewing widgets in the browser is definitely one use-case for Flutter for web we're excited about.

LiJianying

@lijy91

This site has just been created and will slowly add more widgets and examples.

Yegor

@yjbanov

Looking forward to seeing all the creative ways the community will use it for codelabs, articles, playgrounds, things we never imagined.

LiJianying

@lijy91

Is there an example for the flutter web to communicate with the react? I am just using nested iframes, examples and documentation. They are two projects.

@yjbanov

Yegor

@yjbanov

It's on the roadmap, but we haven't made any progress on this yet.

LiJianying

@lijy91

sounds good

Fahim Shariar Shoumik

@sh0umik

Wow !

SupparerkR

@SupparerkR

Can anyone help me with the WebView and Pdf.

I try to show document from google doc on my site. I don't really know how.

Daniele Zecchin

@Spyryto

Maybe you can load them into another window/tab
https://api.dartlang.org/stable/2.3.0/dart-html/Window/open.html

:point_up: June 17, 2019 7:57 PM

Chris O'Shea

@TheRealWelshCJ

Is anyone aware of a good timeline widget for flutter web? Looking to have multiple timelines on a single chart, and was about to write my own but thought I would check

Kind of like how git branches/forks/merges are represented:

like this: https://ds6br8f5qp1u2.cloudfront.net/blog/wp-content/uploads/2016/05/gitlab-vs-github-git.png?x87299

(or even the network graph on github)

Robbie

@BlueAquilae_twitter

Any idea of the cause of this : AssetNotFoundException: http|lib/http.ddc.js while trying to get an http.Client

Green Appers, Inc.

@GreenAppers

Skipping compiling main.dart with ddc because some of its transitive libraries have sdk dependencies that not supported on this platform:

worked before upgrading

Green Appers, Inc.

@GreenAppers

Unable to read module information for package:flutter, make sure you have a dependency on it in your pubspec.

nothing does, though. the files it names can definitely be ruled out.

webdev 2.0.7 worked lot better for me than 2.4.0

may have to go back. i originally started upgrading everything because pub.dev gives you better package score.

Green Appers, Inc.

@GreenAppers

nothing saying flutter in any pub deps... only flutter_web

Green Appers, Inc.

@GreenAppers

i wonder if putting flutter/bin/cache/dart-sdk/bin in PATH is wrong

seems like it could be wrong dartdevc for webdev potentially

Green Appers, Inc.

@GreenAppers

if i use build_web_compilers 1.2.2 it works, but with 2.0.0 it fails. it seems to get the same error with 1.2.2 but it just goes on ignoring it. but with 2.0.0. it seems to treat it as fatal.

i think i perhaps havent found the lib causing the problem yet re dart-lang/build#2200 and probably a similar issue as happened here flutter/flutter#32430

i would also love for it to tell you the problem

Green Appers, Inc.

@GreenAppers

Ah. Found it. An import dart:io. Didn't expect it to manifest that way.

jld3103

@jld3103

Are there any docs or anything else on how the plugins for web are going to be constructed? And is there a way to help the team with them?

xainpro

@xainpro

Hi all I am new to Flutter
I have Question about how to do normal web based routing inside flutter for web for example
Sharing links
mywebapp.com/abc/xyz
mywebapp.com/xxx/kkkkk
Plus doing SEO for each page ?

MichealReed

@MichealReed

@xainpro it's a good question, let me know if you do a StackOverflow post and I'll upvote it

Yegor

@yjbanov

We have a HashLocationStrategy that hooks up Flutter's Navigator to the URL. There are still bugs and missing features (e.g. we don't have "go forward" functionality; we didn't bother implementing in Flutter because mobile apps don't have such a thing). You should be able to link deep into your app, as well as use the "back" button. However, in general, this remains an area of development.

We currently do not have a solution for SEO.

(some design ideas for SEO are being discussed but no code has been written yet)

MichealReed

@MichealReed

thx @yjbanov, any documentation you could point us to or is there a basic example anywhere?

Yegor

@yjbanov

I'll see if I can find a more definitive answer when the engineer working on this shows up, but I'm guessing it's something like the following:

import 'package:flutter_web_ui/ui.dart' as ui;
import 'package:flutter_web_ui/src/engine.dart' as engine;
import 'package:flutter_gallery/main.dart' as app;

main() async {
  await ui.webOnlyInitializePlatform();
  engine.window.webOnlyLocationStrategy = const engine.HashLocationStrategy();
  app.main();
}

(if I were to set this up for the Flutter Gallery demo app)

(edit: fixed botched import urls)

MichealReed

@MichealReed

Awesome, will probably go ahead and open a stackoverflow post so people can find it via google. Do you want to post the answer there after you speak with him, or would you prefer me to relay?

Green Appers, Inc.

@GreenAppers

Hm. Top result for search: flutter web text enter, is: flutter/flutter#19027

I've added a reasonable search bar, but can't seem to detect enter.

Sharable links work @MichealReed . e.g. http://www.cruzbase.com/#/height/20488 code: https://github.com/GreenAppers/cruzawl-ui/blob/master/lib/routes.dart#L43 Passing on the settings from onGenerateRoute to MaterialPageRoute is the key that tripped me up for awhile.

MichealReed

@MichealReed

@GreenAppers I wrapped the whole page in a keyboard listener

thx for linking the code

cool to see a blockchain explorer on flutter web btw

just posted my code on that issue btw

Green Appers, Inc.

@GreenAppers

Thanks @MichealReed That's a good idea re: RawKeyboardListener. Probably have too many similar hacks accumulating.

Where communities thrive

People

Repo info

Activity