stylishbutton 0.0.3+1

Stylish Button package lets you add a beautiful , stylish and gradient button to your app.

Flutter stylishbutton

Features

Stylish Button package lets you add a beautiful , stylish and gradient button to your app.

## Installation

1. Add the latest version of package to your pubspec.yaml (and dart pub get):

dart
  dependencies:
    flutter:
      sdk: flutter
    stylishbutton: any

copied to clipboard

2. Import the package and use it in your App.

Usage Example

import 'package:stylishbutton/stylishbutton.dart';

copied to clipboard

Button Types

• Simple
• Gradient
• Square
• Curve

Example

import 'package:flutter/material.dart';
import 'package:stylishbutton/stylishbutton.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Stylish Buttons'),
    );
  }
}
class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: SingleChildScrollView(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: const <Widget>[
              SizedBox(
                height: 30,
              ),
              Text("Square Button",style: TextStyle(color: Colors.black,fontWeight: FontWeight.w500,fontSize: 20),),
              SizedBox(
                height: 20,
              ),
              SquareButton(text: 'Simple Button'),
              SizedBox(
                height: 5,
              ),
              SquareGradButton(
                  text: 'Gradient Button',
                  grad1: Colors.blue,
                  grad2: Colors.deepPurpleAccent),
              SizedBox(
                height: 5,
              ),
              SquareButtonWithImage(
                text: "Google Login",
                assetsImage: 'assets/google.png'
              ),
              SizedBox(
                height: 5,
              ),
              SquareGradButtonWithImage(
                text: "Google Login",
                assetsImage: 'assets/google.png',
                grad1: Colors.blue,
                grad2: Colors.deepPurpleAccent,
              ),
              SizedBox(
                height: 5,
              ),
              SquareButtonWithTwoImage(text: "Google Login",
                  assetsImage: 'assets/google.png',iconColor: Colors.white,),
              SizedBox(
                height: 5,
              ),
              SquareGradButtonWithTwoImage(text: "Google Login", assetsImage: 'assets/google.png',iconColor: Colors.white,  grad1: Colors.blue,
                grad2: Colors.deepPurpleAccent,),
              SizedBox(
                height: 20,
              ),

              Text("Curve Button",style: TextStyle(color: Colors.black,fontWeight: FontWeight.w500,fontSize: 20),),
              SizedBox(
                height: 20,
              ),
              CurveButton(text: "Curve Button"),
              SizedBox(
                height: 5,
              ),
              CurveGradButton(
                  text: 'Gradient Button',
                  grad1: Colors.blue,
                  grad2: Colors.deepPurpleAccent),
              SizedBox(
                height: 5,
              ),
              CurveButtonWithImage(
                  text: "Google Login",
                  assetsImage: 'assets/google.png',

              ),
              SizedBox(
                height: 5,
              ),
              CurveGradButtonWithImage(
                text: "Google Login",
                assetsImage: 'assets/google.png',
                grad1: Colors.blue,
                grad2: Colors.deepPurpleAccent,
              ),
              SizedBox(
                height: 5,
              ),
              CurveButtonWithTwoImage(text: "Google Login",
                assetsImage: 'assets/google.png',iconColor: Colors.white),
              SizedBox(
                height: 5,
              ),
              CurveGradButtonWithTwoImage(text: "Google Login", assetsImage: 'assets/google.png',iconColor: Colors.white,  grad1: Colors.blue,
                grad2: Colors.deepPurpleAccent,),
            ],
          ),
        ),
      ),
    );
  }
}

copied to clipboard

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.