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),
        );
      },
    );
  }
}

//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),
    );
  }
}

const like = 'sample';

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 ! #