auth_buttons 0.0.5

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

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.

[default-light]

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. [default-light]

Using

You need to use just the following code:

Default style

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

[default-light]

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

[default-dark]

Icon Style

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

[light-icon]

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

[dark-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(),
  darkMode: false,
  borderColor: Colors.red,
  borderWidth: 1.0,
  style: AuthButtonStyle.icon,
  width: 280.0,
  height: 50.0,
  iconSize: 35.0,
  separator: 15.0,
),

return up