full_responsive 0.0.1
full_responsive: ^0.0.1 copied to clipboard
The ultimate solution for running your Flutter App in every screen size/resolution/ratio through the easiest/leanest design-development workflow possible.
Full Responsive #
The final solution for a full responsive design. With this package you will easily program liquid/fluid designs as well as adaptive designs from your design to your app in the most straightforward way possible.
Fluid design #
On fluid (or liquid) designs, you lay out widgets defining with proportions their sizes.
Adaptive design #
On adaptive design you program a specific UI for every screen size
How to use #
Define in your app this
main(){
FullResponsiveApp(
resolutions:[
Resolution(844,390),
Resolution(1024,768),
]
)
}
For every screen your app has define:
class ScreenFoo extends StatelesWidget{
@override
Widget build(BuildContext context){
return FullResponsiveScreen(
);
}
}
Design resolution sizes advice. #
When you design it's a good practice to take in consideration the most popular resolutions used as well as the IOS device sizes. For that we suggest you use one of the following sizes:
- small: 390x844
- medium: 1024x768
- big: 1920x1080