Adaptive vs. Responsive | Decoding Flutter

Рет қаралды 103,831

2 жыл бұрын

How much space do we have on our screen and what is the platform able to do? These are the two ideas of Adaptive and Responsive. Fitz will discuss the differences and how you can use Adaptive versus Responsive for your app.
Creating responsive and adaptive apps documentation → goo.gle/3IbozTB
Building adaptive apps documentation → goo.gle/36kl1RI
Watch more Decoding Flutter episodes → goo.gle/DecodingFlutter
Don’t miss an episode, subscribe to Flutter → goo.gle/FlutterYT
#DecodingFlutter #Flutter #Developer
product: Flutter - Development - User interface;

Пікірлер: 39

@sameeraperera7912 2 жыл бұрын

We need more videos about responsive design

@venir_dev 2 жыл бұрын

We need documentation about a similar topic: visual accessibility. Users can display-zoom on Android, scale the font size on Android and iOS (and I'm pretty sure you might say the same in browsers and desktop platforms). How can we avoid overflowing errors when layouting a mobile app, while we're not planning to implement a responsive design (i.e. we just need portrait mode on mobile devices)? In the end, the screen size is the same, it's just the user that's either zooming the display or enlarging the text.

@arthurfacredyn 2 жыл бұрын

Yes, we really need this.

@isurujn 2 жыл бұрын

Please do more videos on adaptive and responsive UI design. It's a tough problem I run into again and again. Sure, there are third-party libraries that help you with this but I rather lean how to do this in a "native Flutter" way than adding yet another plugin to my project.

@ChrisStayte 2 жыл бұрын

These videos are pure gold!

@AndyWolfff 2 жыл бұрын

Federated plugins are great. In addition to simplifying app code, they also reduce binary size. With if statements, you've got a bunch of code for other platforms that you're not using, but with federated plugins, the implementation for platforms not needed by your binary is not compiled into the binary at all

@_dinesh 8 ай бұрын

Right now building an adaptive layout in flutter is extremely cumbersome. I really hope the flutter team will do something about it.. (just waiting for 3 years now.)

@carlosmurillo941 2 жыл бұрын

Very useful. Thanks!

@mahmoudsalah5359 2 жыл бұрын

I love your way of explaining it.🥰

@saurabhshah7236 2 жыл бұрын

Great video! The best community

@argus.waikhom 2 жыл бұрын

Love the Dash tree in the background 🐥🐥🐥.

@ninjaasmoke 2 жыл бұрын

waiting for the other videos now!

@FethiEd 2 жыл бұрын

Very well explained, thanks ❤️👌🏻

@ShivamJha00 2 жыл бұрын

We need more videos on this soon

@dantaswilliam 2 жыл бұрын

Fantastic. Where did we get these flutter stuffed birds? 😍

@Akua-hx3rb 6 күн бұрын

You only get them by being a heavy contributor, winning development competitions in events or participating in real-life events (probably also as a prize or for organizers).

@ShawnBlais 2 жыл бұрын

imo the proposed system for breakpoints is not ideal. Having Narrow/Med/Wide variations of every screen becomes a major maintenance issue as designs change. Generally best if you can use a single view, that has some adaptive logic / layout from my experience. Sometimes it can make sense, when you have drastic differences between views.

@mkc11267 2 жыл бұрын

Imo this is still ok as long as the screens inside those screen breakpoints are just total layouts for xs sm md lg. You just have to make sure that the widgets inside that layout are all reused widgets which can then be used in different layouts.