3 ms·

Exporting to web using Flutter is a nightmare I believe. When I checked last time, rendering happens on a canvas. There is no markup at all

satvikpendem 3y ago
I use Flutter for some web apps, it works fine. It's good for web apps, not web sites, and compared to other desktop or mobile apps, there is literally no difference between rendering on a canvas to rendering on Qt or SwiftUI. People, in my experience, just get up in arms about the web that does not happen with other technologies.
- troupo 3y ago
  > compared to other desktop or mobile apps, there is literally no difference between rendering on a canvas to rendering on Qt or SwiftUI. Except, you know, accessibility. > just get up in arms about the web that does not happen with other technologies. And for a good reason.
  - frabcus 3y ago
    Flutter has a wild accessibility system that also exports DOM elements just for the aria labels. This all breaks the browser’s in page search function though! Long standing bug with no fix yet.
  - satvikpendem 3y ago
    Do you realize that Flutter has an accessibility system that is often more advanced than most desktop UI frameworks? [0] I notice this often from non-Flutter devs, Flutter has some pretty good a11y. [0] https://docs.flutter.dev/accessibility-and-localization/accessibility https://docs.flutter.dev/accessibility-and-localization/acce...
    - troupo 3y ago
      Good to know! For the longest time ever their export to web was just canvas with no attempt at making it accessible.
      - mhoad 3y ago
        I don’t know if even that was actually true? As far as I know the moment they introduced canvas as a rendering target they also produced a DOM structure along side it to capture the accessibility tree as they were still waiting on a more native solution in the form of AOM (accessibility object model) to be finalised.
- deleted 3y ago
  [deleted]
Alifatisk 3y ago
> rendering happens on a canvas flutter run --web-renderer=html
- bingemaker 3y ago
  Glad to know that this exists!
  - Alifatisk 3y ago
    Yeah, there is even more fun arguments like "--enable-impeller" to massively improve the rendering performance!

satvikpendem 3y ago

I use Flutter for some web apps, it works fine. It's good for web apps, not web sites, and compared to other desktop or mobile apps, there is literally no difference between rendering on a canvas to rendering on Qt or SwiftUI. People, in my experience, just get up in arms about the web that does not happen with other technologies.

troupo 3y ago
> compared to other desktop or mobile apps, there is literally no difference between rendering on a canvas to rendering on Qt or SwiftUI. Except, you know, accessibility. > just get up in arms about the web that does not happen with other technologies. And for a good reason.
- frabcus 3y ago
  Flutter has a wild accessibility system that also exports DOM elements just for the aria labels. This all breaks the browser’s in page search function though! Long standing bug with no fix yet.
- satvikpendem 3y ago
  Do you realize that Flutter has an accessibility system that is often more advanced than most desktop UI frameworks? [0] I notice this often from non-Flutter devs, Flutter has some pretty good a11y. [0] https://docs.flutter.dev/accessibility-and-localization/accessibility https://docs.flutter.dev/accessibility-and-localization/acce...
  - troupo 3y ago
    Good to know! For the longest time ever their export to web was just canvas with no attempt at making it accessible.
    - mhoad 3y ago
      I don’t know if even that was actually true? As far as I know the moment they introduced canvas as a rendering target they also produced a DOM structure along side it to capture the accessibility tree as they were still waiting on a more native solution in the form of AOM (accessibility object model) to be finalised.
deleted 3y ago
[deleted]

Alifatisk 3y ago

> rendering happens on a canvas flutter run --web-renderer=html

bingemaker 3y ago
Glad to know that this exists!
- Alifatisk 3y ago
  Yeah, there is even more fun arguments like "--enable-impeller" to massively improve the rendering performance!