Custom Padding Widgets using Flutter for Clearly Designed and Useful Layouts for Big Projects

In this blog post, we explore how to create a versatile Custom Padding widget in Flutter, designed to simplify and streamline your UI design process. By providing a reusable padding component that can adapt to various layout needs, you can ensure cleaner code and more efficient layouts. This guide is perfect for both beginner and experienced Flutter developers who seek to maintain organized and manageable code in their projects. Follow along as we build a Custom Padding widget, understand its flexible parameters, and see practical examples of its use in real-world applications. Enhance your Flutter apps with easy-to-use and customizable padding components today!

import 'package:flutter/material.dart';

class CommonWidget {
  static Widget padding({
    Widget? child,
    EdgeInsetsGeometry? padding,
    double? paddingAllSide,
    bool isPaddingAllSide = false,
    double? left,
    double? top,
    double? right,
    double? bottom,
    double? vertical,
    double? horizontal,
  }) {
    // Calculate padding based on provided parameters
    EdgeInsetsGeometry finalPadding = padding ??
        (isPaddingAllSide
            ? EdgeInsets.all(paddingAllSide ?? 0.0)
            : EdgeInsets.only(
                left: left ?? horizontal ?? 0.0,
                top: top ?? vertical ?? 0.0,
                right: right ?? horizontal ?? 0.0,
                bottom: bottom ?? vertical ?? 0.0,
              ));

    return Padding(
      padding: finalPadding,
      child: child,
    );
  }
}