idkit_button 0.0.2 icon indicating copy to clipboard operation
idkit_button: ^0.0.2 copied to clipboard

This package mainly deals with the convenient construction of button components that interact with users in the development of the Flutter project.

idkit_button #

This package mainly deals with the convenient construction of button components that interact with users in the development of the flutter project.

Features included in this package #

  1. Text button

    factory IDKitButton.title(...) -> IDKitButton
    
  2. Image button

    factory IDKitButton.image(...) -> IDKitButton
    
  3. Image and text button

    factory IDKitButton.imageAndText(...) -> IDKitButton
    
  4. Cut corner type button

    factory IDKitButton.corner(...) -> IDKitButton
    
  5. Gradient type button

    factory IDKitButton.gradient(...) -> IDKitButton
    
  6. Border type button

    factory IDKitButton.outline(...) -> IDKitButton
    
  7. Custom type button

    const IDKitButton(...) -> IDKitButton
    

The package function example demonstration #

  1. Text button

    IDKitButton.title(
      'Next',
      height: 44,
      width: 300,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(8),
        color: Colors.blue,
      ),
      onTap: () {
        print('Button on click!');
      },
    )
    
  2. Image button

    IDKitButton.image(
      imgpath,
      width: 100,
      bgColor: Colors.red,
      onTap: () {
        print('Button on click!');
      },
    ),
    
  3. Image and text button

    IDKitButton.imageAndText(
      imgpath,
      'Setup',
      height: 120,
      imgSize: const Size(100, 200),
      bgColor: Colors.blue,
      onTap: () {
        print('Button on click!');
      },
    )
    
  4. Cut corner type button

    IDKitButton.corner(
      bgColor: Colors.blue,
      height: 60,
      width: 100,
      onTap: () {
        print('Button on click!');
      },
    )
    
  5. Gradient type button

    IDKitButton.gradient(
      const <Color>[Colors.red, Colors.green],
      width: 200,
      height: 60,
      title: 'Finish',
      onTap: () {
        print('Button on click!');
      },
    )
    
  6. Border type button

    IDKitButton.outline(
      title: 'Border Button',
      padding: const EdgeInsets.all(20),
      onTap: () {
        print('Button on click!');
      },
    )
    
  7. Custom type button

    IDKitButton(
      decoration: BoxDecoration(
          image: DecorationImage(
          image: NetworkImage(imgpath),
          fit: BoxFit.fill,
          ),
      ),
      title: 'Backgrount button',
      height: 60,
    )
    
1
likes
120
pub points
2%
popularity

Publisher

unverified uploader

This package mainly deals with the convenient construction of button components that interact with users in the development of the Flutter project.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.unknown (LICENSE)

Dependencies

flutter, rxdart

More

Packages that depend on idkit_button