A set of costum_widgets flutter widgets to help you save time building your layouts

costum_widgets

A set of costum_widgets flutter widgets to help you save time building your layouts.

Add the plugin:

Basic Usage (CustomCheck)

   CustomCheck(
      value: true,
      activeColor: Colors.green,
      type: CheckType.circle,
      size: 24,  
      onChanged: (value){
        
      },
    )
  • custom builder
CustomCheck(
   value: value,
   activeColor: Colors.green,
   type: CheckType.circle,
   size: 24,
   builder: (ctx, size) {
     return Icon(
       Icons.star,
       color: Colors.white,
       size: size,
     );
   },
   onChanged: (value) {
     
   },
 )

Basic Usage (CustomSwitch)

  CustomSwitch(
      value: value,
      activeColor: Colors.green, 
      pointColor: Colors.white, 
      onChanged: (value){
        
      },
    )

Basic Usage (Txt)

  Txt(
    'Click here',
    textSize: 28,
    textAlign: TextAlign.center,
    rich: Rich(
        key: 'here',
        onRichTap: (value) {
          print('onRichTap: ${value}'); 
        },
        style: TextStyle(
            fontWeight: FontWeight.bold,
            decoration: TextDecoration.underline
            )
        ),
  )
Txt(
    'click_message',
     textSize: 28,
     textAlign: TextAlign.center,
     builderText: (value) => 'Click here',
),

Basic Usage (Button)

  • DefaultButton
DefaultButton(
     value: 'Click',
     activeColor: Colors.green,
     textColor: Colors.white,
     onPressed: () {},
) 
  • CustomProgressButton
 CustomProgressButton(
      isLoading: isLoading,
      border: 16.0,
      ignorePlatform: true,
      onPressed: () async {
        setState(() => isLoading = !isLoading);
        await Future.delayed(Duration(seconds: 2));
        setState(() => isLoading = !isLoading);
      },
      value: 'Click',
      activeColor: Colors.green,
 )

Preview (CustomCheck)

Preview (CustomSwitch)

Example

|

Widgets currently available

  • Switch
  • Check
  • Text
  • Button

If you have any features you want to see in this app, feel free to make a suggestion. 🎉

Don’t forget to give it a ⭐ this motivates me to share more open source.

GitHub

View Github

Description of the image

Related Posts