Auth Buttons is a flutter widget library, include buttons for authenticating with the most popular social networks like: Google, Facebook, Apple and too other.
- Add this to your packages pubspec.yaml file:
dependencies:
auth_buttons: ^0.0.5- Install it You can install it from the command line:
$ flutter pub get- Import it Now in Dart code, you can use:
import 'package:auth_buttons/auth_buttons.dart';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;There are two style you can choose between them:
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.
You need to use just the following code:
GoogleAuthButton(
onPressed: () {},
darkMode: false,
),
GoogleAuthButton(
onPressed: () {},
darkMode: true,
),
GoogleAuthButton(
onPressed: () {},
darkMode: false,
style: AuthButtonStyle.icon,
),
GoogleAuthButton(
onPressed: () {},
darkMode: true,
style: AuthButtonStyle.icon,
),
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,
),
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent