Description:

smoothandesign package

Smooth & Design #
Smooth Widgets - V.0.0.1 #
By. Ben NDUI
This package groups my widget design used for many personal and clients projects.
Features #
This contains :

Widgets


Smooth Text Widget
Smooth TextField Widget
Smooth LoginForm Widget
Smooth RegisterForm Widget
Smooth RegisterForm Widget
Smooth Title
Smooth ListTile
Smooth SearchBar
Smooth Loader
and more..


Models


Smooth User
Smooth Menu Item
Smooth Address
Smooth Avis
Smooth Settings
and more..

You can use this for start quickly new project so.. do not hesitate to use it !!
Getting started #
- Import this package in your project #
- Call each widget by name : #
Widgets :

SmoothTextWidget()
SmoothTextField()
SmoothLoginForm()
SmoothRegisterForm()
SmoothTitle()
SmoothTile()
SmoothSearchBar()
SmoothLoader()

Models

SmoothUser()
SmoothMenuItem()
SmoothAddress()
SmoothAvis()
SmoothSettingsModel()
and more..

Usage #
//Registration screen example using Provider and SmoothRegistrationForm() template
//This default one allow you to get user basic informations like :
// - pseudo
// - firstname
// - lastname
// - email
// - phoneNumber
// - password
// - confirm password

class RegisterScreen extends StatelessWidget {
const RegisterScreen({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
body: buildRegisterScreen(),
);
}

Consumer<RegisterController> buildRegisterScreen() {
return Consumer<RegisterController>(
builder: (context, controller, child) {
return SmoothRegisterForm(
controller: controller,
passForgotLink: () => controller.forgotPassword(context),
haveAccountLink: () => controller.haveAccountLink(context),
onSubmit: () => controller.onSubmit(context),
);
},
);
}
}
copied to clipboard
//Some other example with SmoothText()
// Using AutosizeText package to build this one

class TestScreen extends StatelessWidget {
const TestScreen({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
body: buildText(),
);
}

Widget buildText() {
return SmoothText(
title: "Sample text",
alignment: TextAlign.center,
vertical: 100.0,
style: TextStyle(fontSize: SmoothConfigs.screenWidth! * 0.05, fontWeight: FontWeight.bold),
);
}
}
copied to clipboard
const like = 'sample';
copied to clipboard
Additional information #
If you have any question about the usage or any other suggestion, contact me by contact.smoothdesign@gmail.com
If you want to collaborate and participate to build one of the greatest widgets ui with many funny style, contact me by this email above !!
See you ! #

License

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

Share

• Share on Facebook
• Share on Twitter