ud_design 0.0.6 copy "ud_design: ^0.0.6" to clipboard
ud_design: ^0.0.6 copied to clipboard

outdated

A Flutter package to develop responsive Flutter applications.

UD DESIGN #

ud_design package helps developing responsive Flutter applications.

Note: This package is still under development. Try not to use same value for both Mobile and Tablet devices. Do not use this package for Desktop or Web platform now, We are working on it. Always check for updated version.

Usage: #

Add dependency: #

Please check the latest version before installation.

dependencies:
  flutter:
    sdk: flutter
  ud_design: ^0.0.6

Add the following import to your Dart code: #

import 'package:ud_design/ud_design.dart';

Initialization: #

You must call UdDesign.init() and pass context in a Widget build function and it should be inside MaterialApp, Not Before MaterialApp.

Example:

void  main() {
  runApp(MyApp());
}

class  MyApp  extends  StatelessWidget {
  @override
  Widget  build(BuildContext context) {
    return  MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Home(),
    );
  }
}

class  Home  extends  StatelessWidget {
  @override
  Widget  build(BuildContext context) {
  //Initializing UdDesign!
    UdDesign.init(context);
    return  Scaffold();
  }
}

Responsiveness #

  • To make responsive design using pixel values, use UdDesign.pixel() and pass pixel value.

  • For responsiveness you can use UdDesign.blocksXaxis() by passing how much screen portion you want to use in horizontal (X) axis in the range of 0% - 100%.

  • For responsiveness you can use UdDesign.blocksYaxis() by passing how much screen portion you want to use in vertical (Y) axis in the range of 0% - 100%.

  • For responsive font size, use UdDesign.fontSize() and pass value.

    Check example page for code examples

Contributors #

Muhammad Shajedul Islam
www.shajedulislam.dev
info@shajedulislam.dev


Fatima Mostafa
the.fatimamostafa@gmail.com

10
likes
0
pub points
49%
popularity

Publisher

verified publishershajedul.com

A Flutter package to develop responsive Flutter applications.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on ud_design