这是最佳反应速度的技巧
原标题：which is the best technique for responsive flutter
creating responsive widget kinda isMobile?Fontsize 12 : fontsize 24 or use sizer package,what is the best responsive method for web,tablet,mobile?
问题回答
flutter documentation did give some solution but , not effective for all purposes
AspectRatio
CustomSingleChildLayout
CustomMultiChildLayout
FittedBox
FractionallySizedBox
LayoutBuilder
MediaQuery
MediaQueryData
OrientationBuilder
if we using one by one , all methods have it s own defects . mobile side and tablet side it will work , but in the case of windows and web , it won t.
if we combine these methods , also get some responsive issue , because of all methods are depend on the device height ,device width ,device aspectRatio , device Offset ,
also so much plugins are available but they have defects too , in the case of flutter_screenutil it depend on width , height . so if changes in one of the property it won t count. that means it won t change layout in web
so i am using this way combine 4 methods together flutter_screenutil , LayoutBuilder , MediaQuery , AspectRatio by using this way we can achieve,maintain the 3 layouts in one code
please use wisely according to your use case
the best place to find FLUTTER solutions/documentations is the official flutter/dart websites.
For this question:
Creating responsive and adaptive apps
you might want to check out the flexi_ui package. It’s designed to solve issues in Flutter responsive design. With flexi_ui, you can make any design responsive by using its built-in functions. Additionally, it allows you to use Figma values to target two values based on the device, making it highly versatile for various screen sizes and orientations. This package could be exactly what you need for a seamless and adaptive UI in your Flutter applications!
https://pub.dev/packages/flexi_ui
相关问题
Flutter App cannot be installed on Android TV
I m building a Flutter app that should support Android TV and Mobile devices.
Despite Google Play shows that it is supported, I cannot install app on my MiBox device.
While trying to install it, both ...
go_router - how to push a page over existing pages in stack (in any path)
I use go_router for navigation handling in my project. I have an invoice page, and I want to show this page after payment is done over existing pages on navigation stack.
For example, if the user is ...
How or where to store FCM Background notification data in Hive in Flutter iOS?
Both ios and AOS receive background notification normally.
In AOS, received background notification data can be stored in Hive through backgroundHandler.
But in ios BackgroundHander doesn t work.
If ...
Flutter: How to display autocomplete suggestions beside TextField?
I m trying to create a text field with a suggestion text, something like this:
the @gmail.com it s a suggestion for the user to autocomplete the word, but I m not able to put the text next to the ...
Flutter PageView not displaying all the data from database (php)
I want to display data from database in pageview, swiping the screen like user1_name -> user1_age -> user2_name -> user2_age -> and so on for all data coming from database, but my code is ...
Moving the icon button to the right causes rendering issues
I am trying to align the icon button to the right of the Text field, I tried the row which made the icon button not centered vertically and now I am trying out the Stack widget.
Here is my code -
...
pubpspect get failed when adding flutter_html lib in flutter
I have tried to build app flutter_html: ^2.1.5" but I unable to build and getting below error in log.
The current Flutter SDK version is 1.27.0-2.0.pre.1.
Because flutter_app depends on ...
How to take advantages of interfaces while using Providers in flutter?
Let s say I have 3 ChangeNotifierProviders "Auth1","Auth2","Auth3". I want all of them to implement login(),signup(),isAuthenticated().
So that I can replace one provider ...
