ms_widgets 0.0.1

ms_widgets is a package that help you to build easy widgets

ms_widgets

Introduction:

• This Simple package help you to implement a lot of widgets with small code and with perfect style

Features

• Package Widget:
  • defaultDropDownMenu
  • defaultImageButtonWithText : Work with network image
  • defaultImageButtonWithText2 : Work with asset image
  • defaultButton
  • defaultTextFormField
  • defaultExpansionTile
  • defaultOnBoarding
  • defaultToast

Getting started

• Add your package to your dependencies:

dependencies:
  ...
  ms_widgets: ^0.0.1

Usage

Let's Start With some samples:

• defaultButton

        defaultButton(
              backgroundColor: Colors.indigo,
              text: 'Get Started',
              borderRadius: BorderRadius.circular(8.0),
              isUpperCase: true,
              buttonHeight: MediaQuery.of(context).size.height * 0.05,
              buttonWidth: MediaQuery.of(context).size.width * 0.8,
              function: (){
              },
              textStyle: TextStyle(
                color: Colors.white,
              ),
            ),

[Button]

• defaultOnBoarding

defaultOnBoarding(
            items: boarding,
            boardController: pageController,
            onPageChange: (int? index){

            },
            imageWidth: MediaQuery.of(context).size.width * 0.8,
            titleTextStyle: TextStyle(
              color: Colors.indigo,
              fontWeight: FontWeight.bold,
              fontSize: 20
            ),
            bodyTextStyle: TextStyle(
                color: Colors.indigo,
                fontWeight: FontWeight.bold,
                fontSize: 14
            ),
            spacing: 10,
          ),

[On Boarding]

• defaultExpansionTile

defaultExpansionTile(
            title: 'defaultExpansionTile',
            titleStyle: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.bold
            ),
            collapsedTextColor: Colors.white,
            collapsedIconColor: Colors.white,
            collapsedBackgroundColor: Colors.indigo,
            unCollapsedBackgroundColor: Colors.indigo,
            unCollapsedTextColor: Colors.white,
            unCollapsedIconColor: Colors.white,
            elevation: 5,
            children: [
              Container(
                height: 100,
              )
            ],
            borderRadius: BorderRadius.circular(8.0),
          ),

Collapsed	unCollapsed
[]	[]

• defaultDropDownMenu

defaultDropDownMenu(
              items: items,
              selectedItem: selectItem,
              borderRadius: BorderRadius.circular(8.0),
              backgroundColor: Colors.indigo,
              dropDownColor: Colors.indigo,
              contentPadding: EdgeInsets.all(10),
              onChanged: (item){
                selectItem = item;
              },
              icon: Icon(
                Icons.arrow_drop_down,
                color: Colors.white,
              ),
            ),

Collapsed	unCollapsed
[]	[]

• defaultDropDownMenu
• defaultImageButtonWithText2

defaultImageButtonWithText2(
              imagePath: 'assets/images/apple.png',
              text: 'Apple',
              backgroundColor: Colors.grey[200],
              borderRadius: BorderRadius.circular(10),
              height: 80,
              width: 80,
              onPressed: (){},
              textStyle: TextStyle(
                color: Colors.black
              ),
            )