One of them is AdaptiveContainer and the other one is AdaptiveColumn.ĪdaptiveContainer is a specialized container to let you create a container with adaptive constraints. The library follows the Material Design Guideline for different screen sizes.Īs of 15th of September, 2022, adaptive_components library has two solid components. In my search for an easy to use adaptive design library, adaptive_components was the most straight-forward way to handle UI changes per different screen sizes.
So I started to dig in and now you will see my findings out of it. One of them was from from Anthony Robledo about google_fonts but what my attention was the adaptive material libraries that he mentioned. I still kept it in my talk to show folks how it works on Flutter applications but a part of me was longing for a better way.ĭuring the time at the Flutter I was MC'ing several talks and I had a chance to see some great talks from great people. If I needed to have only the sccren change listener, I could not have it because I was bound to their way of implementing UI. While I was playing around with the library for my talk at the Flutter Vikings, I realized that flutter_adaptive_scaffold library was nice but it was too opinionated. This library handles the screen size changes, navigation and showing a proper portion of the application on the right time was actually a game changer library for the community. They started to work on a library called flutter_adaptive_scaffold. Luckily, Flutter folks have heard and felt the questions and desperate attempt of the Flutter developers trying to achieve this thing, they wanted to help. On one hand their designer might give them tips but on the other they would just ask themselves "Isn't there a better way to do this?" They looked for several different resources but they could not find a definitive answer.
But they always had similar questions such as "What the hell is my breakpoint from a tablet to phone and back to the computer screen?". You can skip and go to next section for implementation if you do not feel like reading some dude talking about his learning experienceįlutter developers have been relying on LayoutBuilder, MediaQuery.of, FractionallySizedBox, AspectRatio, Column, Flexible and many other widgets for a long time to achieve actual adaptive design with their applications. In this blog post, you will learn about using the adaptive material component libraries and how can it help you to achieve adaptive design without having a lot of effort. One of the solutions that got my attention was the adaptive material component libraries from Material Design team. Importance of this topic has got a lot of people's attention that, so many people started to create content and solutions about it.
As a good developer, we should adapt your design accordingly. But there are different screen sizes, orientations, pixel densities on all the devices targeted. Most of the time developers have tendency to think with the device that they own and build their applications accordingly. Flutter's support on mobile, desktop and web brought a new challenge in our lives: Supporting different screen sizes and adapting our design.
0 kommentar(er)
