ui_tool 0.0.1

Make the widgets more responsive

ui_tool

With UI Tool you can easily make your app responsive for different screen sizes.

Installation

Add this to your pubspec.yaml dependencies:

ui_tool: ^0.0.1

How to use

Add the widget to your app like this (It automatically calculates the ratio):

If the design is given with viewport sizes (iPhone 12 Pro Max):

    MaterialApp(      
        home:  UIWrapper(
            width:428, // Real pixel width will be 1284px
            height:926, // Real pixel height will be 2778px
            isViewport: true, // Viewport or Pixel
            child: SplashScreen(), //Your first screen
        ),
    ),

If the design is given in device pixels (iPhone 12 Pro Max):

    MaterialApp(      
        home:  UIWrapper(
            width:1284, 
            height:2778,  
            isViewport: false, // Viewport or Pixel
            child: SplashScreen(), //Your first screen
        ),
    ),

Then use the ratio with your size values.

import 'package:ui_tool/ui_tool.dart';

    Container(      
        width: 200 + UI.ratio,
        heighty: 250 + UI.ratio,
        child:  Text(
           "Sample Text which scales",
           style: TextStyle(
               fontSize: 16 * UI.ratio,
           )
        ),
    ),