designpx 0.0.5

Implementation responsive screen with design ux/ui , You just need to add the coordinates of the design to be applied to and start working in the normal mode .

Implementation responsive screen with design ux/ui , You just need to add the coordinates of the design to be applied to and start working in the normal mode .

Features

Responsive screen .

Getting started

You just need to add the coordinates of the design to be applied to and start working in the normal mode .

Usage

Setup the Package firstly and set the package in main Widget before your bisc widget after that you can use the size like :
int (width: w25) , double (width: w(25)) , double (width: wx(25))
int (height: h38) , double (height: h(38)) , double (height: hx(38))
it's become responsive with default design and differnt screens .

import 'package:designpx/designpx.dart';

 DesignPX(width: 375, height: 812, child: HomePage())

 class MyApp extends StatelessWidget {
   const MyApp({super.key});
    This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       home: const DesignPX(width: 375, height: 812, child: HomePage()),
     );
   }
 }

Additional information

Implementation responsive screen with design ux/ui .