auth_buttons 0.0.6

Auth Buttons is a flutter widget library, include buttons for authenticating with the most popular social networks like Google, Facebook, Apple and Twitter.

auth_buttons

Auth Buttons is a flutter widget library, include buttons for authenticating with the most popular social networks like: Google, Facebook, Apple and too other.

Installation

1. Add this to your packages pubspec.yaml file:

dependencies:
  auth_buttons: ^0.0.5

2. Install it You can install it from the command line:

$ flutter pub get

3. Import it Now in Dart code, you can use:

import 'package:auth_buttons/auth_buttons.dart';

Recommendation

We recommend you to using show special when you want use some button. show help you importing part of library.

import 'package:auth_buttons/auth_buttons.dart'
    show GoogleAuthButton, AuthButtonStyle;

Overview

There are two style you can choose between them:

1. Default
2. Icon
3. Secondary

Note: all api is documented click Ctrl + Q to read the docs if you are using Android Studio or Intellij Idea on Visual Studio Code just hover over.

This is happen if you know you some property, other way click Ctrl + space then Ctrl + Q double click and the result will be like so.

Using

You need to use just the following code:

Default style

GoogleAuthButton(
  onPressed: () {},
  darkMode: false,
),

GoogleAuthButton(
  onPressed: () {},
  darkMode: true,
),

Icon Style

GoogleAuthButton(
  onPressed: () {},
  darkMode: false,
  style: AuthButtonStyle.icon,
),

GoogleAuthButton(
  onPressed: () {},
  darkMode: true,
  style: AuthButtonStyle.icon,
),

Secondary Style

GoogleAuthButton(
  onPressed: () {},
  darkMode: false,
  style: AuthButtonStyle.secondary,
),

GoogleAuthButton(
  onPressed: () {},
  darkMode: true,
  style: AuthButtonStyle.icon,
),

Do same think with the other buttons, when you want customize any button you can do it just passing a property which you want.

Full property you can passing:

GoogleAuthButton(
  onPressed: () {},
  buttonColor: Colors.white,
  splashColor: Colors.grey,
  elevation: 2.0,
  borderRadius: 8.0,
  padding: EdgeInsets.all(8.0),
  text: 'Sign in with Google',
  textStyle: TextStyle(
    color: Colors.black,
    fontSize: 18,
    fontWeight: FontWeight.bold,
    letterSpacing: 0.50,
  ),
  darkMode: false,
  borderColor: Colors.red,
  borderWidth: 2.0,
  style: AuthButtonStyle.secondary,
  width: 280.0,
  height: 50.0,
  iconSize: 35.0,
  separator: 10.0,
  rtl: false,
  iconBackground: Colors.transparent,
),

return up