Flutter Fix
No Result
View All Result
  • Login
  • Register
  • Media
    • Music
    • Video
    • Images
    • Gallery
  • Flutter Apps
    • Finance App
    • Weather App
    • Video App
    • Music App
    • Shopping App
    • World Clock
    • ECommerce
    • Mobile Web Browser
  • Menu
    • Buttons
    • App Bar
    • Floating Action Button
    • Toast
    • Tab Bar
    • Swipe
  • Components
    • Developers Point
    • Animations
    • Loading
    • Flutter Packages
    • WebView
  • Inputs
    • Forms
    • TextField
    • Toggle Button
    • Download
    • Widgets
  • Games
  • UI
    • Material Design
    • Card
    • Flutter Widgets
    • Neomorphism
    • Navigation
  • Navigation
  • Q&A
  • Dart
    • Flutter Methods
FORUM
ASK QUESTION
  • Media
    • Music
    • Video
    • Images
    • Gallery
  • Flutter Apps
    • Finance App
    • Weather App
    • Video App
    • Music App
    • Shopping App
    • World Clock
    • ECommerce
    • Mobile Web Browser
  • Menu
    • Buttons
    • App Bar
    • Floating Action Button
    • Toast
    • Tab Bar
    • Swipe
  • Components
    • Developers Point
    • Animations
    • Loading
    • Flutter Packages
    • WebView
  • Inputs
    • Forms
    • TextField
    • Toggle Button
    • Download
    • Widgets
  • Games
  • UI
    • Material Design
    • Card
    • Flutter Widgets
    • Neomorphism
    • Navigation
  • Navigation
  • Q&A
  • Dart
    • Flutter Methods
No Result
View All Result
Flutter Fix
No Result
View All Result
Home Flutter Widgets

Social Media Sign-In Buttons in Flutter (Facebook, Twitter, Google, etc)

June 27, 2020
in Flutter Widgets
3 min read
flutter_auth_buttons

It’s now made easy for you as a Flutter developer to implement your social media sign-in buttons for Authentication such as Facebook-Button, Twitter button, Google button, and many others. This is one great way of saving time, instead of building and creating a button your self. Here’s how you can achieve this;

RELATED FLUTTER RESOURCES

Understanding The Flutter ListView Widget

How To Build A Code Editor App In Flutter with code_editor Plugin

Flutter Form & FormField Widget – Implementation & Example

Flutter Auth Buttons (for Social Media)

This Flutter widget is a library contains buttons for authenticating with popular social networks.

ADVERTISEMENT
  • Different Ways to apply Gradient Colors In Flutter + App Bar

These Flutter Social Media buttons do not contain authentication logic. They are designed to be used with authentication packages, such as firebase_auth. Use the onPressed attribute to capture the button press and call your authentication logic within that.

This buttons comes in light and dark mode with different styles to suit your application.

How To Install

dependencies:
  flutter_auth_buttons: ^0.8.0

GoogleSignInButton(onPressed: () {
  // call authentication logic
});

Supported buttons

Screenshots of the supported buttons are shown below.

Google

Google suggests two default button styles on it’s
branding page.

Light button:

Dark button:

Facebook

Facebook has fewer guidelines for designing their buttons (see
here). This button was designed to
match the example given in their documentation.

Twitter

Like Facebook, Twitter doesn’t prescribe a precise button (see
here).
This button was designed to match the colours and style used in their example images.

Usage

Add flutter_auth_buttons to your pubspec.yaml, then import the Dart file:

import 'package:flutter_auth_buttons/flutter_auth_buttons.dart';

See the documentation for API details.

GitHub Link:

Flutter buttons for social platforms
https://github.com/dmjones/flutter_auth_buttons
38 forks.
115 stars.
0 open issues.
Recent commits:

  • Merge pull request #43 from timilehinjegede/timi-added-testsAdded tests for Microsoft and Apple Auth Buttons, GitHub
  • merged from master, timilehinjegede
  • chore: review changes, timilehinjegede
  • Move to maintenance mode, GitHub
  • chore: added apple button tests, timilehinjegede

RelatedFlutter Resource

fLUTTER ListView builder seperated
Flutter Widgets

Understanding The Flutter ListView Widget

August 3, 2020
Code Editor Package Flutter
Dart

How To Build A Code Editor App In Flutter with code_editor Plugin

August 3, 2020
Flutter Form & FormField Widget - Implementation & Example
Flutter Packages

Flutter Form & FormField Widget – Implementation & Example

July 30, 2020
flutter buttons, materialbutton, flatbutton, cupertinobutton, dismissible, iconbutton
Flutter Widgets

All Flutter Buttons – [RaisedButton, FlatButton, IconButton, FloatingActionButton, Dismissible]

July 27, 2020
custom fonts text style flutter
Flutter Widgets

Flutter Custom Fonts and How to Style Text

July 24, 2020
Understanding the Flutter COntainer
Flutter Widgets

Container Widget & Box Model in Flutter – All You Need To Know

July 22, 2020
Next Post
cross axis alignment and main axis alignment

Difference between the Flutter CrossAxisAlignment and MainAxisAlignment

flutter progress indicator

Integrate Percent Indicator in Flutter (Circular & Linear)

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended Stories

5+ Important Reasons Why Every Developer Should Start a Blog

5+ Important Reasons Why Every Developer Should Start a Blog

June 23, 2020
custom fonts text style flutter

Flutter Custom Fonts and How to Style Text

July 24, 2020
A Flutter App the Displays Current Time & Date for Different Cities

A Flutter App the Displays Current Time & Date for Different Cities

August 17, 2020

Popular Stories

  • FLUTTER-FUTUER-APP-DEVELOPMENT

    Why Google Flutter Is the Future of Mobile App Development

    0 shares
    Share 0 Tweet 0
  • Container Widget & Box Model in Flutter – All You Need To Know

    0 shares
    Share 0 Tweet 0
  • Flutter Future, Await, and Async – All You Need To Know

    0 shares
    Share 0 Tweet 0
  • Create a Beautiful & Customized Tab/Toggle in Flutter

    0 shares
    Share 0 Tweet 0
  • Flutter Form & FormField Widget – Implementation & Example

    0 shares
    Share 0 Tweet 0
  • HOME
  • ABOUT US
  • CONTACT US
  • DMCA
  • TERMS & CONDITIONS
  • PRIVACY POLICY
Call us: +234 705 505 5426

© 2020 FlutterFix - Best Flutter Tool, Library, Source Code, Forum and Tutorials FlutterFix.

No Result
View All Result
  • Media
    • Music
    • Video
    • Images
    • Gallery
  • Flutter Apps
    • Finance App
    • Weather App
    • Video App
    • Music App
    • Shopping App
    • World Clock
    • ECommerce
    • Mobile Web Browser
  • Menu
    • Buttons
    • App Bar
    • Floating Action Button
    • Toast
    • Tab Bar
    • Swipe
  • Components
    • Developers Point
    • Animations
    • Loading
    • Flutter Packages
    • WebView
  • Inputs
    • Forms
    • TextField
    • Toggle Button
    • Download
    • Widgets
  • Games
  • UI
    • Material Design
    • Card
    • Flutter Widgets
    • Neomorphism
    • Navigation
  • Navigation
  • Q&A
  • Dart
    • Flutter Methods

© 2020 FlutterFix - Best Flutter Tool, Library, Source Code, Forum and Tutorials FlutterFix.

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In