A sign in button helper library for Flutter

Related tags

Templates Flutter-Sign-in-Button
Overview

A Flutter plugin for iOS and Android for generating signin buttons for different social media account.

Feedback and Pull Requests are most welcome!

Installation

Add to pubspec.yaml.

dependencies:
  ...
  flutter_signin_button: ^2.0.0

Usage Example

import flutter_signin_button.dart

import 'package:flutter_signin_button/flutter_signin_button.dart';

For built-in buttons.

SignInButton(
  Buttons.Google,
  onPressed: () {},
)

// with custom text
SignInButton(
  Buttons.Google,
  text: "Sign up with Google",
  onPressed: () {},
)

For mini buttons.

SignInButton(
  Buttons.Facebook,
  mini: true,
  onPressed: () {},
)

For self-build buttons.

SignInButtonBuilder(
  text: 'Sign in with Email',
  icon: Icons.email,
  onPressed: () {},
  backgroundColor: Colors.blueGrey.shade700,
)

Built-in Buttons contain

enum Buttons {
  Apple,
  AppleDark,
  Email,
  Google,
  GoogleDark,
  Facebook,
  FacebookNew,
  GitHub,
  LinkedIn,
  Pinterest,
  Tumblr,
  Twitter
}

Refer to example folder and the source code for more information.

Comments
  • Google icon

    Google icon

    Facebook for example looks fine, when you do a long press the icon is included on its button but this effect doesn't work like that for Google. It looks like a different button inside the login button

    Untitled-2

    help wanted 
    opened by erperejildo 8
  • Workaround: add button on top to handle ripple

    Workaround: add button on top to handle ripple

    https://stackoverflow.com/questions/48066321/inkwell-ripple-over-top-of-image-in-gridtile-in-flutter

    Maybe some reffactor needed, or expose the color of the ripple effect can be usefull.

    Hope this help.

    Ripple on Google

    opened by bounty1342 5
  • in some case title not fitted with width

    in some case title not fitted with width

    in some case title not fitted with width like that after translated the sign-in with google in some language the text was bigger than normal so there is two Solutions one make a builder Creator for button for pass widget instead string and handle this issue or make text fitted

    opened by niypoo 4
  • Uniform size of sign in buttons

    Uniform size of sign in buttons

    Thanks for awesome package. I think it would look better if the buttons have similar size (height and width). Currently Google sign in button is very big compared to others.

    opened by zugspitze 4
  • added support for facebookNew mini Signin button

    added support for facebookNew mini Signin button

    I was wondering why Google and FacebookNew Mini Sign in Buttons are not supported, so I made an example of how to code a FacebookNew Mini Button. What's your opinion? Does this work for you?

    opened by lucianojung 3
  • Add new facebook button

    Add new facebook button

    Facebook new look had been release

    image

    https://developers.facebook.com/docs/facebook-login/web/login-button/

    Note: does not support mini. I've added the assertion as well.

    opened by zirho 3
  • Migrated to null safety

    Migrated to null safety

    Migrated the package to null safety using dart migrate.

    Code was updated to be null-safe, packages were updated to null-safe versions, minimum SDK version was bumped, and package version was bumped to indicate breaking changes.

    opened by samlythemanly 2
  • Logo isn't affected by rounded border shape

    Logo isn't affected by rounded border shape

    When using a signin button with the shape set to RoundedRectangleBorder, the shape does not affect the logo of the auth provider.

    SignInButton(
    theme.brightness == Brightness.light ? Buttons.Google : Buttons.GoogleDark,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
)

    signin_button

    opened by JulianAssmann 2
  • Google and Facebook small button is not working

    Google and Facebook small button is not working

    Hello When i use mini: true then it generate following error Google and FacebookNew buttons do not support mini mode 'package:flutter_signin_button/button_view.dart': Failed assertion: line 47 pos 13: 'mini != true || !(button == Buttons.Google || button == Buttons.GoogleDark || button == Buttons.FacebookNew)'

    opened by dev-faizan1 2
  • unable to load google logo while using the SignInButton with custom text

    unable to load google logo while using the SignInButton with custom text

    issue though this is a great package and i use this package quite a lot and most of the time i face this issue but when i restart my editor(vs code) and re-run the app then it works fine help wanted 
    opened by harshit2106 2
  • The argument type 'void Function()?' can't be assigned to the parameter type 'Function'

    The argument type 'void Function()?' can't be assigned to the parameter type 'Function'

    the origin type of onPress function is void Function()? because the button doesn't receive any value nor return. and causes The argument type 'void Function()?' can't be assigned to the parameter type 'Function' compile time error

    opened by abdullahalamodi 0
  • Ability to use custom icons

    Ability to use custom icons

    Is there a way to use a custom icon when using a button builder? I see that I can use an IconData object but I would like to use an image from assets.

    opened by matthew-unum 1
Owner
Liu Zhiheng
A happy internet user!
Liu Zhiheng
GitHub
Google one tap sign in - Flutter Google One Tap Sign In (Android)

Google One Tap Sign In Google One Tap Sign In (Android) A Flutter Plugin for Goo

null 6 Nov 23, 2022
6.SignIn SignUp-UI - SIGN IN And SIGN UP UI For Flutter

SIGN IN & SIGN UP UI Text Fields Box Shadow Gradient resizeToAvoidBottomInset Ri

Tukhtamurodov Sardorbek 3 May 16, 2022
Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

swipeable_button_view You can create ripple animated pages with swipeable_button

cemreonur 3 Apr 22, 2022
:bug: Flutter debug helper widget with common and custom actions

Debug Friend Flutter debug helper widget with common and custom actions This helps you reduce the development and testing time of new features Show so

Stanislav Ilin 43 Dec 7, 2022
Zooper flutter encoding utf16 - Helper classes to encode and decode UTF16 string to List

zooper_flutter_encoding_utf16 Helper classes to encode and decode UTF16 string t

Zooper 0 Feb 10, 2022
Nebula makes your Flutter development journey easier by providing helper widgets, utilities and abstractions.

Nebula makes your Flutter development journey easier by providing helper widgets, utilities and abstractions.

Aldrin's Art Factory 1 Apr 21, 2022
Isolate helper for flutter and dart.

Isolation Overview The package simplifies the creation and interaction between isolates. It encapsulates the entire boilerplate, leaving the developer

Plague Fox 15 Oct 29, 2022
Helper pub package for flutter_icons

flutter_icons_helper An helper implementing utility methods for package flutter_

Nicolò Sonnino 3 Jun 22, 2022
Helper for building advanced multi child layouts.

About Boxy is designed to overcome the limitations of Flutter's built-in layout widgets, it provides utilities for flex, custom multi-child layouts, d

Andre 329 Dec 12, 2022
A dart package for many helper methods fitting common situations

Basic Utils A dart package for many helper methods fitting different situations. Table of Contents Basic Utils Table of Contents Preamble Install pubs

null 275 Jan 5, 2023
Helper app to run code on Aliucord iOS via websocket.

aliucordebug A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Zoey 2 Jan 25, 2022
The Integration Test Helper has pre-configured methods that allow for faster test deployment for end to end (e2e) test coverage.

The Integration Test Helper has pre-configured methods that allow for faster test deployment for end to end (e2e) test coverage (using Android and iOS

The Mobile Applications Community 2 Apr 7, 2022
Notes is a good helper to manage your schedules and notes

Notes is a good helper to manage your schedules and notes. It gives you a quick and simple notepad editing experience when you write notes, memo, email, message, shopping list and to do list. It makes to take a note easier than any other notepad and memo apps.

thejorabek 11 Nov 16, 2022
"Login Demo" app which shows how to use google sign in Android and iOS using Flutter.

⚠️ ARCHIVED: This repository is using Flutter 1.7 for the sample app. You can find the latest version of the similar implementation on this new repo.

Souvik Biswas 195 Dec 2, 2022
A Flutter package for generating sign in buttons for different social media accounts.

Sign In Button A Flutter plugin for generating sign in buttons for different social media accounts. Getting Started You must add the library as a depe

null 42 Dec 8, 2022
Flutter package implements Sign Google redirect(working for incognito mode)

google_sign_in_web_redirect Flutter package implements Sign Google redirect(working for incognito mode). Usage Import the package dependencies: goog

null 2 Dec 15, 2022
This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two pages application with user bid in input and count down view.

Nilam This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two

Md. Siam 5 Nov 9, 2022
A note-taking app powered by Google services such as Google Sign In, Google Drive, and Firebase ML Vision.

Smart Notes A note-taking app powered by Google services such as Google Sign In, Google Drive, and Firebase ML Vision. This is an official entry to Fl

Cross Solutions 88 Oct 26, 2022
A 3D pushable button built in Flutter. Ideal for important CTAs in the app.

Pushable Button A 3D pushable button built in Flutter. Ideal for important CTAs in the app. Usage PushableButton( child: Text('ENROLL NOW', style: s

Andrea Bizzotto 18 May 14, 2022