Adaptive UI for a multiplatform world

Ideas for generating adaptive user interfaces using Flutter’s widgets and APIs based on our experience of building adaptivity into Flutter itself, and some new additions to Flutter's APIs that can help create great adaptive user interfaces.
Speakers: Greg Spencer, Justin McCandless
Resources:
3:28 - Slide 19 → goo.gle/3DgXuiu
3:43 - Slides 20-23 → goo.gle/3WDuh7W
5:04 - Slides 24-28 → goo.gle/3DgxovM
6:59 - Slide 33 → goo.gle/3HvLT1p
8:28 - Slide 39 → goo.gle/3WwDAqo
9:18 - Slides 40-48 → goo.gle/3R2CWQo
10:37 - Slides 49-54 → goo.gle/3XCB03z
12:24 - Slides 59-64 → goo.gle/3JdvDDo
13:56 - Slides 65-70 → goo.gle/3H8bRXn
14:48 - Slide 71 → goo.gle/3DeoRJL
15:16 - Slide 72 → goo.gle/3DdxrbM
Watch more:
Watch all the sessions → goo.gle/FlutterForwardYT
Subscribe to Flutter → goo.gle/FlutterYT
#FlutterForward

[@Mkrabs]

Adaptive scaffold looks really nice 👍

[@ayman-tron]

Amazing, excited to use the flutter_adaptive_package!

[@_dinesh]

Adaptive UI on flutter is the biggest challenge at the moment. You have to write a ton of code to get the adaptive UI working. There are so many widgets and so many possibilities for creating adaptive layouts. Which is both the pro and the con. Yes there is the flutter_adaptive_scaffold package is probably a good package comparatively (something is better than nothing). I am glad that flutter team is thinking about that. Thank you so much. ❤

[@littlebearandchicken2077]

Very true! Although I don't find it to be any easier with, say compose multiplatform.

[@philosophia5577]

I saw the fuschia platform, cant wait for it to launch.

[@kamertonaudiophileplayer847]

UI has to be adaptive. Finally, some one except me started talking about that. Say more UI has to learn from a user.

[@beodan9219]

excited

[@philosophia5577]

I believe we need more resources on complex responsive UI, its the biggest challenge I am facing right now. But Flutter responsive design to make dynamic interfaces is much easier than any other framework or tech.

[@rahulCoding]

very good

[@saqqara6361]

Great!

[@MaximTsyba]

7:00 Yeah, I noticed that missing comma on the line 12... Did I passed the test? :)

[@TekExplorer]

i really could have used adaptive_scaffold before...
i already have my own semi-janky implementation :/

[@thomasmabika7291]

Speaking of adaptive layouts, is it advisable to have hard coded values for things like, say, text widgets or even icons?

[@Hawk______]

if you find answer of this do repaly to my comment

[@nothingtosee226]

I would say that in the case of text, there should be a consistent size no matter the device, since readability would be equally important no matter the screen size.

[@Hawk______]

@@nothingtosee226 what about other things, yes text does not change mostly but i you think of adaptive, then the text should follow the device text size chosen by the user.

[@nanakwame1122]

Where can I get the sample code used here?

[@justinmccandless2163]

Take a look at the "Resources" links in the description. Everything should be there but let me know if we missed something.

[@nanakwame1122]

@@justinmccandless2163 Thanks, don't know how I missed that.

[@isakhansson917]

Or maybe you just use Kotlin Multiplatform and you know, build the UI native for each platform?