• About WolfizUtils
• Adding Dependency
• Installation Guide
• Examples
  • Widgets Example
    • MyText Widget
    • PngImageButton
    • SvgImageButton
    • GradientButton Left to Right
    • GradientButton Top to Bottom

About WolfizUtils #

• Wolfiz Utility package helps to resolve coding issues you may incur, Minimize repetition of typing small things. package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

• For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

• WolfizUtils has 3 basic principles. This means that these are the priority for all resources in the library: PRODUCTIVITY, PERFORMANCE AND ORGANIZATION.

  • PERFORMANCE: WolfizUtils is focused on performance and minimum consumption of resources.

  • PRODUCTIVITY: WolfizUtils uses an easy and pleasant syntax.

  • ORGANIZATION: WolfizUtils can easily organizes your widgets and code.

In addition, to further increase your productivity, we have More Packages and the Ads Management Setting

Adding dependency #

Add Get to your pubspec.yaml file:

dependencies:
  wolfizutils: 0.0.4

Import get in files that it will be used:

import 'package:wolfizutils/wolfizutils.dart';

WolfizUtils Installation Guide #

Please follow the complete guide to use this package.

• Step 1: Add "ScreenUtil Code" before your MaterialApp.

void main() => runApp(
ScreenUtilInit(
designSize: Size(360, 760),
builder: () => MaterialApp(home: Home()),),);

• Note: Size(Width, Height) = Size(360, 760), Use size of device on which you want to design
• Note 2: We prefer to use it with GetX and ScreenUtil Flutter Package. and its example is below.

void main() => runApp(
ScreenUtilInit(
designSize: Size(360, 760),
builder: () => GetMaterialApp(home: Home()),),
);

• Step 2: Just to call Widget where ever you want to in project, but make sure to import ScreenUtil file if its not working.

Examples #

Widgets Example #

Some Basic and Simple Widgets Example

MyText #

Now You don't need to type Text and its properties again and again just type. "MyText"

 MyText(
text: "HomeView is working",
fontSize: 20,
//Note:  Font size is according to screen util ".sp" but don't need to type ".sp".
fontClr: Colors.black,
fontWeight: FontWeight.normal,
),

PngImageButton #

Now You don't need to type Text and its properties again and again just type. "MyText"

PngImageButton(
imagePath: "assets/imgepath.png",
imageWidth: 100,
imageHeight: 100,
//Note width and height are according to screen util.
onTap: () {
//place where you want to Navigate
},
),

SvgImageButton #

SvgImageButton(
imagePath: "aassets/imagepath.svg",
imageWidth: 100,
imageHeight: 100,
//Note width and height are according to screen util.
onTap: () {
//place where you want to Navigate
},
),

GradientButton Left to Right #

GradientButtonLtR(
onTap: () {
//place where you want to Navigate
},
title: "Button Title",
btnWidth: 200,
btnHeight: 50,
radius: 10,
//Note: all sizes are according to screen util.
leftClr: Colors.black,
rightClr: Colors.blue,
fontClr: Colors.teal,
fontSize: 14,
fontWeight: FontWeight.bold,
shadowClr: Colors.blue,
),

GradientButton Top to Bottom #

GradientButtonTtB(
onTap: () {},
title: "Button Title",
btnWidth: 300,
btnHeight: 80,
radius: 20,
leftClr: Colors.blue,
rightClr: Colors.blueGrey,
fontClr: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
shadowClr: Colors.blueAccent,
)

Breaking changes from 0.0.2 #

1- Widget types:

Discussion #

Community channels #

Wolfiz Technologies has a highly active and helpful community. If you have questions, or would like any assistance regarding the use of this framework, please join our community channels, your question will be answered more quickly, and it will be the most suitable place. This repository is exclusive for opening issues, and requesting resources, but feel free to be part of GetX Community.

| WhatsApp | GitHub | | | |