Description:

multiutillib

multiutillib #
A flutter package to help with utilities, animations and some pre-built widgets.
Some widgets are with default values for direct use and you can still customize according to your needs.
This package used following packages:

intl
shimmer
device_info
url_launcher
package_info
simple_animations
connectivity_plus
loading_animation_widget

Examples #
FadeAnimation #
This widget will help a child widget to perform a fade animation.
[FadeAnimation] (lib/animations/fade_animation.dart) requires two parameters delay and child.
The delay is animation delay to be performed.
Example of FadeAnimation:
FadeAnimation(
delay: 1,
child: Container(),
),
copied to clipboard
SlideAnimation #
This widget will help a child widget to perform a slide animation from Top, Left, Right or Bottom direction.
[SlideAnimation] (lib/animations/slide_animation.dart) required 5 parameters child, itemCount, position, slideDirection and animationController.
This widget will help in animating items of list view.
There is enum to help choose direction of slide animation.
Example of SlideAnimation:
SlideAnimation(
child: child,
position: position,
itemCount: itemCount,
slideDirection: SlideDirection.fromRight,
animationController: animationController,
),
copied to clipboard
OffsetAnimation #
This widget will help a child widget to perform offset animation
Example of OffsetAnimation:
OffsetAnimation(
end: 20, // the end parameter is optional
animationController: _animationController, // required parameter
widget: YourChildWidget, // required parameter
),
copied to clipboard
DateTimeUtils #
This is a utility class which will help in getting current date in format 'yyyy-MM-dd HH:mm:ss' or date format passed.
This class will also help in formatting date in any valid format like 'dd-MM-yyyy' or 'dd/MM/yyyy' or any other you want.
Example of DateTimeUtils:
debugPrint('current date is: ${getCurrentDate()}');
copied to clipboard
There is extension methods which can be used to display date, time in provided or default format
Example:
// Convert time String to Duration Object
'01:01:01'.toDuration;

// Convert Date String to Date Time Object
'20210226'.toDateTime;
'2021-02-26'.toDateTime;
'20210226 140652.55'.toDateTime
'2021-02-26 14:06:52.55'.toDateTime

// Convert Date Time to Date Time String for display
DateTime.now().formatDateTime(newDateTimeFormat: 'dd-MM-yyyy hh:mm a');

// Convert Date Time String to Date Time String for display
DateTime.now().formatDateTime();

// getCurrentDate() returns date time string
getCurrentDate().formatDateTime(newDateTimeFormat: 'dd-MM-yyyy');

// Convert Time of Day to Time String for display
TimeOfDay.now().formatTime();

// Convert Time of Day String to Time String for display
'14:39'.formatTime();

// Convert Time String to Time Of Day Object
'14:39'.toTimeOfDay

// Convert Date Time to Time of Day Object
DateTime.now().toTimeOfDay
copied to clipboard
Utils #
This is a utility class which will help in getting device name, device id, managing null values in strings.
1. getDeviceName() // - returns future string
2. getDeviceId() // - returns future string
3. getSingleDigitRandomNumber() // - returns single digit randomly
4. getRandomNumber(min: MinValue, max: MaxValue) // - returns randomly generated number between min and max value
5. getRandomMobileNumber() // - returns randomly generated mobile number
6. getCharFromString(stringToExtract) // - returns only characters from string passed
7. getNumbersFromString(stringToExtract) // - returns only digits from string passed
8. getAppVersion() // - return current version of the app
copied to clipboard
Extensions #
Some of the Utils method can now be used as extensions.
Example:
// Checking if a string or int or double value is numeric or not
'123'.isNumeric => returns true
'String'.isNumeric => returns false

// Checking if a string is null or empty
strToCheck.isNullOrEmpty

// for removing last character from a string
stringToRemoveLastChat.trimLastChar

// Converting a string to two digits
Text('To Two Digit: ${'9'.toTwoDigits}'),

// Converting a string to three digits
Text('To Three Digit: ${'9'.toThreeDigits}'),

// Converting a string to a fixed length
Text('To Length of String: ${'9'.toLengthOfString(5)}'),

// Formatting numbers with extensions
Text('Format Number: ' + '1010.869'.formatNumber()),
Text('Format Number to Compact: ' + '88944444'.formatNumberToCompact), // return 1K, 2k, 2M

Text('Replace Null With Empty: ' + 'null'.replaceNullWithEmpty),
Text('Replace True or False: ' + 'true'.replaceTrueOrFalse.toString()),
Text('Replace Null With Zero: ' + 'null'.replaceNullWithZero.toString()),
Text('Replace Null with Double: ' + 'null'.replaceNullWithDouble.toString()),
Text('Convert Duration to Time String: ' + '16:35:34'.toDuration.toTimeString(newTimeString: 'mm:ss')),
copied to clipboard
ShowConfirmationDialog #
This method will show a confirmation dialog box with two button to ask for confirmation.
Example:
showConfirmationDialog(
BuildContext context,
Widget transitionAnimation,
String negativeBtnText 'No',
String positiveBtnText: 'Yes',
bool barrierDismissible: false,
Color dividerColor: Colors.blue,
Color positiveBtnColor: Colors.blue,
Color negativeBtnColor: Colors.blueAccent,
TextAlign descTextAlign: TextAlign.center,
TextAlign titleTextAlign: TextAlign.center,
Duration transitionDuration: const Duration(milliseconds: 400),
DialogAnimationType dialogAnimationType: DialogAnimationType.grow,
TextStyle descStyle: const TextStyle(fontSize: 16, letterSpacing: 0.27, color: Colors.black),
TextStyle titleStyle: const TextStyle(fontSize: 18, letterSpacing: 0.27, fontWeight: FontWeight.bold),
TextStyle positiveBtnStyle: const TextStyle(fontSize: 18, letterSpacing: 0.27, fontWeight: FontWeight.w400),
TextStyle negativeBtnStyle: const TextStyle(fontSize: 18, letterSpacing: 0.27, fontWeight: FontWeight.w400),
required String title,
required String description,
required VoidCallback onPositivePressed,
);
copied to clipboard
ShowCustomDialog #
This method will show a dialog box with single button to show warning or info or success or error.
Example:
showCustomDialog(
BuildContext context,
String btnText: 'OK',
Color btnColor: Colors.blue,
bool barrierDismissible: false,
Color dividerColor: Colors.blue,
TextAlign descTextAlign: TextAlign.center,
TextAlign titleTextAlign: TextAlign.center,
Duration transitionDuration: const Duration(milliseconds: 400),
DialogAnimationType dialogAnimationType: DialogAnimationType.grow,
TextStyle descStyle: const TextStyle(fontSize: 16, letterSpacing: 0.27, color: Colors.black),
TextStyle btnStyle: const TextStyle(fontSize: 18, letterSpacing: 0.27, fontWeight: FontWeight.w400),
TextStyle titleStyle: const TextStyle(fontSize: 18, letterSpacing: 0.27, fontWeight: FontWeight.bold),
required String title,
required String description,
);
copied to clipboard
CustomDateRangePicker #
This class wil help display custom date range picker dialog.
Example:
showCustomDateRangePicker(
required BuildContext context,
required Function onCancelClick,
String applyButtonText: 'Apply',
String cancelButtonText: 'Cancel',
Color leftArrowColor: Colors.blue,
Color rightArrowColor: Colors.blue,
Color applyButtonColor: Colors.blue,
Color cancelButtonColor: Colors.red,
Color weekDaysTextColor: Colors.blue,
Color selectedRangeColor: Colors.blue,
Color monthYearTextColor: Colors.black,
required Function(DateTime startDate, DateTime endDate) onApplyClick,
TextStyle applyButtonTextStyle: const TextStyle(fontSize: 18, color: Colors.white, fontWeight: FontWeight.bold),
TextStyle cancelButtonTextStyle: const TextStyle(fontSize: 18, color: Colors.white, fontWeight: FontWeight.bold),
DateTime minimumDate,
DateTime maximumDate,
DateTime initialEndDate,
DateTime initialStartDate,
bool barrierDismissible: false,
);
copied to clipboard
CustomDatePicker #
This class wil help display custom date picker dialog.
Example:
showCustomDatePicker(
required BuildContext context,
required Function onCancelClick,
String applyButtonText: 'Apply',
String cancelButtonText: 'Cancel',
Color leftArrowColor: Colors.blue,
Color rightArrowColor: Colors.blue,
Color applyButtonColor: Colors.blue,
Color cancelButtonColor: Colors.red,
Color weekDaysTextColor: Colors.blue,
Color selectedDateColor: Colors.blue,
Color monthYearTextColor: Colors.black,
required Function(DateTime dateTime) onApplyClick,
TextStyle applyButtonTextStyle: const TextStyle(fontSize: 18, color: Colors.white, fontWeight: FontWeight.bold),
TextStyle cancelButtonTextStyle: const TextStyle(fontSize: 18, color: Colors.white, fontWeight: FontWeight.bold),
DateTime minimumDate,
DateTime maximumDate,
DateTime initialStartDate,
bool barrierDismissible: false,
);
copied to clipboard
ProgressDialog #
This class will help in showing and hiding progress dialog with custom loading widget.
Example:
// For Showing Progress Dialog
await showProgressDialog(context);

// For hiding Progress Dialog
await hideProgressDialog();
copied to clipboard
ConnectivityBuilder #
This is widget to show connectivity message like "Internet Connection not available".
Example:
ConnectivityBuilder(
Key? key,
required builder,
gradient,
offlineWidget,
bgColor: Colors.red,
position: Position.bottom,
disableInteraction: false,
alignment: Alignment.center,
message: kInternetNotAvailable,
textStyle: const TextStyle(fontSize: 14, color: Colors.white),
),
copied to clipboard
DefaultButton #
This is a button widget. See example for using this widget
Example:
DefaultButton(
isEnabled: true,
isUpperCase: true,
margin: const EdgeInsets.only(top: 20),
required String text,
required Function onPressed,
),
copied to clipboard
HyperLinkText #
This is a widget to show a text and launch an url on click of the text.
Example:
HyperLinkText(url: 'http://www.google.com', text: 'Open Google'),
copied to clipboard
LoadingWidget #
This widget will show a loading shimmer effect.
Example:
LoadingWidget(
itemCount: 6,
borderRadius: 12,
highlightColor: Colors.white,
baseColor: const Color(0xFFE0E0E0),
),
copied to clipboard
MaterialCard #
This widget is useful in showing card view. You can use it directly or customize according to your needs.
You can pass either borderRadius parameter value or borderRadiusGeometry parameter value.
Example:
MaterialCard(
required Widget child,
onTap,
borderRadius,
elevation: 4,
borderRadiusGeometry,
color: Colors.white,
padding: const EdgeInsets.all(12),
margin: const EdgeInsets.only(top: 12),
),
copied to clipboard
OTPTextField #
This widget is useful to take input for OTP while using OTP based login.
Example:
OTPTextField(
required int noOfOtpFields,
required ValueChanged<String> onCompleted,
borderWidth: 2,
isEnabled: true,
autoFocus: true,
autoCorrect: false,
borderColor: Colors.blue,
cursorColor: Colors.blue,
textAlign: TextAlign.center,
margin: const EdgeInsets.only(top: 20, left: 20, right: 20),
textStyle: const TextStyle(fontSize: 16, letterSpacing: 0.27, color: Colors.black),
),
copied to clipboard
RichTextWidget #
This widget is helpful in showing caption and description value in single line or caption on top and description in new line.
Example:
RichTextWidget(
required String caption,
required String description,
isDescNewLine: false,
captionStyle: const TextStyle(fontSize: 14, color: Colors.black, fontWeight: FontWeight.normal),
descriptionStyle: const TextStyle(fontSize: 14, color: Colors.black, fontWeight: FontWeight.normal),
),
copied to clipboard
CustomToggleButton #
This widget will display toggle switch with text.
Example:
CustomToggleButton({
textOn,
textOff,
onChanged,
width: 200,
height: 45,
borderRadius: 50,
transitionTime: 300,
activeTextColor: Colors.black,
activeSwitchColor: Colors.white,
inactiveTextColor: Colors.white,
inactiveSwitchColor: Colors.blue,
});
copied to clipboard
DecimalInputFormatter #
This is an [TextInputFormatter] for [TextField] for allowing to enter only allowed decimal range
Example:
// [DecimalInputFormatter] will allow only entered decimal range for the string in text field
TextFormField(
inputFormatters: [DecimalInputFormatter(decimalRange: 2)],
decoration: InputDecoration(labelText: 'Enter Decimal values'),
),
copied to clipboard
Validators #
This class has validation method for validating string

Email Validator - This will check and validate if the entered string is a valid email id

Example:
TextFormField(
// this method will validate for email id
validator: emailValidator,
decoration: InputDecoration(labelText: 'Enter Email Id'),
),
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter