fp_util 1.0.0

Utilities and Extensions for num,BuildContext,EdgeInsets,File,String. constants for horizontal and vertical spacing.

FPUtil

Utilities and Extensions for num,BuildContext,EdgeInsets,File,String. constants for horizontal and vertical spacing.

Constants

Vertical Spacing

import 'package:flutter/material.dart';

class SpacingTest extends StatelessWidget {
 const SpacingTest({super.key});

 @override
 Widget build(BuildContext context) {
   return Column(
     children: const [

       /// 4px vertical space
       Sizes.gapV4,

       /// 8px vertical space
       Sizes.gapV8,

       /// 12px vertical space
       Sizes.gapV12,

       /// 16px vertical space
       Sizes.gapV16,

       /// 24px vertical space
       Sizes.gapV24,

       /// 32px vertical space
       Sizes.gapV32,

       /// 48px vertical space
       Sizes.gapV48,

       /// 54px vertical space
       Sizes.gapV54,

       /// 64px vertical space
       Sizes.gapV64,
     ],
   );
 }
}

Horizontal Spacing

import 'package:flutter/material.dart';

class SpacingTest extends StatelessWidget {
const SpacingTest({super.key});

@override
Widget build(BuildContext context) {
  return Row(
    children: const [

      /// 4px horizontal space
      Sizes.gapH4,

      /// 8px horizontal space
      Sizes.gapH8,

      /// 12px horizontal space
      Sizes.gapH12,

      /// 16px horizontal space
      Sizes.gapH16,

      /// 24px horizontal space
      Sizes.gapH24,

      /// 32px horizontal space
      Sizes.gapH32,

      /// 48px horizontal space
      Sizes.gapH48,

      /// 54px horizontal space
      Sizes.gapH54,

      /// 64px horizontal space
      Sizes.gapH64,
    ],
  );
}
}

Extensions

String Extensions

String text = 'hello world';

/// capitalize first letter of string
final capitalize = text.capitalize;

/// checks given string is null or empty
bool isNullOrEmpty = text.isNullOrEmpty;

/// checks given text is not null and not empty
bool isNotNullNotEmpty = text.isNotNullNotEmpty;

/// checks given string is blank
bool isBlank = text.isBlank;

/// checks given string os not blank
bool isNotBlank = text.isNotBlank;

/// checks string is email
bool isEmail = text.isEmail;

/// returns default value is given string is blank
String withDefault = text.getOrDefault('default value');

/// return null if given string is nullOrEmpty
String? withNull = text.getOrNull();

/// checks string is valid phone number
bool isPhoneNumber = text.isValidPhoneNumber;

/// checks string is number
bool isNumeric = text.isNumeric;

/// removes whitespace from string
String removeWhiteSpace = text.removeWhiteSpace;

/// removes \n from string
String removeNextLine = text.removeNextLine;

/// converts to bool
bool? isBool = text.toBool;

/// converts to int
int? isInt = text.isInt;

/// converts to double
double? isDouble = text.toDouble;

/// check string is valid url
bool isUrl = text.isUrl;

/// check string is image  path
bool isImage = text.isImage;

/// checks string is video path
bool isVideo = text.isVideo;

/// checks string is audio path
bool isAudio = text.isAudio;

/// checks string is pdf path
bool isPdf = text.isPdf;

/// checks string is text path
bool isText = text.isTxt;

/// checks string is office word file
bool isDocx = text.isDocx;

/// checks string is office excel
bool isXls = text.isXls;

/// checks string is office presentation file
bool isPpt = text.isPpt;

/// checks string is svg path
bool isSvg = text.isSvg;

/// checks string is xml file path
bool isXml = text.isXml;

/// checks string is file path
bool isFile = text.isFile;

Num Extensions

• verticalSpace

Created SizedBox with Height

Usage:

import 'package:flutter/material.dart';

class SpacingYTest extends StatelessWidget {
  const SpacingYTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        const Text('Text 1'),
        10.verticalSpace,
        const Text('Text 2'),
      ],
    );
  }
}

• horizontalSpace

Created SizedBox with Width

Usage:

import 'package:flutter/material.dart';

class SpacingXTest extends StatelessWidget {
  const SpacingXTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        const Text('Text 1'),
        10.horizontalSpace,
        const Text('Text 2'),
      ],
    );
  }
}

• Duration

  • microseconds
  • milliseconds
  • seconds
  • minutes
  • hours
  • days

/// Creates Duration on microseconds
final duration = 10.microseconds;

/// Creates Duration on milliseconds
final duration = 10.milliseconds;

/// Creates Duration on seconds
final duration = 10.seconds;

/// Creates Duration on minutes
final duration = 10.minutes;

/// Creates Duration on hours
final duration = 10.hours;

/// Creates Duration on days
final duration = 10.days;

• Delayed Duration

  • delayedMicroSeconds
  • delayedMilliSeconds
  • delayedSeconds
  • delayedMinutes
  • delayedHours

/// Creates Future of Duration on microseconds
final duration = 10.delayedMicroSeconds;

/// Creates Future of Duration on milliseconds
final duration = 10.delayedMilliseconds;

/// Creates Future of Duration on seconds
final duration = 10.delayedSeconds;

/// Creates Future of Duration on minutes
final duration = 10.delayedMinutes;

/// Creates Future of Duration on hours
final duration = 10.delayedHours;

• circularBorderRadius

Created Circular Border Radius

import 'package:flutter/material.dart';

class RadiusTest extends StatelessWidget {
  const RadiusTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(

        /// creates 10px rounded corner
        borderRadius: 10.circularBorderRadius,
      ),
    );
  }
}

• circularRadius

Created Circular Radius

import 'package:flutter/material.dart';

class RadiusTest extends StatelessWidget {
  const RadiusTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(

        /// creates 10px rounded corner for topLeft and topRight
        borderRadius: BorderRadius.only(topLeft: 10.circularRadius, topRight: 10.circularRadius),),
    );
  }
}

• EdgeInsets

  • all
  • padLeft
  • padRight
  • padTop
  • padBottom
  • padX
  • padY

import 'package:flutter/material.dart';

class EdgeInsetsTest extends StatelessWidget {
  const EdgeInsetsTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [

        /// creates padding with 10px all
        Padding(padding: 10.all),

        /// creates padding with 10px top only
        Padding(padding: 10.padTop),

        /// creates padding with 10px right only
        Padding(padding: 10.padRight),

        /// creates padding with 10px bottom only
        Padding(padding: 10.padBottom),

        /// creates padding with 10px left only
        Padding(padding: 10.padLeft),

        /// creates padding with 10px horizontal
        Padding(padding: 10.padX),

        /// creates padding with 10px vertical
        Padding(padding: 10.padY),
      ],
    );
  }
}

• sliverVerticalSpace

Creates SizedBox with height converted to sliver

import 'package:flutter/material.dart';

class SliverSpaceY extends StatelessWidget {
  const SliverSpaceY({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      slivers: [
        SliverList(/*children*/),
        10.sliverVerticalSpace,
        SliverList(/*children*/)
      ],
    );
  }
}

• sliverHorizontalSpace

Creates SizedBox with width converted to sliver

import 'package:flutter/material.dart';

class SliverSpaceX extends StatelessWidget {
  const SliverSpaceX({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      scrollDirection: Axis.horizontal,
      slivers: [
        SliverPadding(padding: 10.all),
        10.sliverHorizontalSpace,
        SliverPadding(padding: 10.all),
      ],
    );
  }
}

Widget Extensions

• scrollable()

Make widgets scrollable

import 'package:flutter/material.dart';

class ScrollableTest extends StatelessWidget {
  const ScrollableTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Text 1'),
        Text('Text 2'),
        Text('Text 3'),
      ],
    ).scrollable();
  }
}

• clickable()

Make widgets clickable

import 'package:flutter/material.dart';

class ClickableTest extends StatelessWidget {
  const ClickableTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Text 1'),
        Text('Text 2'),
        Text('Text 3'),
      ],
    ).clickable(onTap: () {
      /*
      * onTap Callback
      * */
    },);
  }
}

• center()

Align widgets to center

import 'package:flutter/material.dart';

class CenterTest extends StatelessWidget {
  const CenterTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Text 1').center(),
        Text('Text 2').center(),
        Text('Text 3').center(),
      ],
    );
  }
}

• align()

Create Align widgets

import 'package:flutter/material.dart';

class AlignTest extends StatelessWidget {
  const AlignTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [

        /// align top left
        const Text('Text 1').align(alignment: Alignment.topLeft),

        /// align top center
        const Text('Text 1').align(alignment: Alignment.topCenter),

        /// align top right
        const Text('Text 1').align(alignment: Alignment.topRight),

        /// align center left
        const Text('Text 1').align(alignment: Alignment.centerLeft),

        /// align center
        const Text('Text 1').align(alignment: Alignment.center),

        /// align center right
        const Text('Text 1').align(alignment: Alignment.centerRight),

        /// align bottom left
        const Text('Text 1').align(alignment: Alignment.bottomLeft),

        /// align bottom center
        const Text('Text 1').align(alignment: Alignment.bottomCenter),

        /// align bottom right
        const Text('Text 1').align(alignment: Alignment.bottomRight),
      ],
    );
  }
}

• Padding

  • pad
  • padX
  • padY
  • padLeft
  • padTop
  • padRight
  • padBottom
  • padLTRB

Wraps with padding widget

import 'package:flutter/material.dart';

class PaddingTest extends StatelessWidget {
  const PaddingTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [

        /// wraps with all padding
        const Text('Text 1').pad(10),

        /// wraps with left only padding
        const Text('Text 1').padLeft(10),

        /// wraps with right only padding
        const Text('Text 1').padRight(10),

        /// wraps with bottom only padding
        const Text('Text 1').padBottom(10),

        /// wraps with top only padding
        const Text('Text 1').padTop(10),

        /// wraps with horizontal padding
        const Text('Text 1').padX(10),

        /// wraps width vertical padding
        const Text('Text 1').padY(10),

        /// wraps widget with padding of left top right bottom
        const Text('Text 1').padLTRB(left: 10, top: 5, right: 10, bottom: 10),

      ],
    );
  }
}