designpx 0.0.2
designpx: ^0.0.2 copied to clipboard
Implementation responsive screen with design ux/ui .
Implementation responsive screen with design ux/ui .
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 .