MuhammadHassanRazaa/FlutterSocialLoginButtons
A new flutter package to create Social Login buttons easily.
前往 github 下載Flutter Social Login Button
Social Login Button is a flutter package to create social media login buttons of all common used SSO.
Usage
Add the dependency in pubsec.yaml file.
dependencies:
flutter:
sdk: flutter
social_login_button: 1.0.5+3
How to Use
SocialLoginButton(
buttonType: SocialLoginButtonType.apple,
onPressed: () {},
)
You can also specify some other arguments which are:
- imageURL (if you’re specifying the image link from your Github repo, don’t forget to change blob with raw)
- imagePath (you can also use local image, Local will be preferred incase cpecifed both)
- imageWidth
- text
- backgroundColor
- textColor
- height
- width
- borderRadius
- fontSize
- mode
Below is the example with all arguments supplied:
SocialLoginButton(
backgroundColor: Colors.amber,
height: 50,
text: 'SignIn',
borderRadius: 20,
fontSize: 25,
buttonType: SocialLoginButtonType.generalLogin,
imageWidth: 20,
imagepath: "assets/file.png",
imageURL: "URL",
onPressed: () {},
),
Button Types
- Apple
- AppleBlack
- Microsoft
- MicrosoftBlack
- Github
- General Login
Mode
There are two modes available for the buttons, You can make shorter buttons with single mode.
- single
- multi
Example
import 'package:flutter/material.dart';
import 'package:social_login_buttons/social_login_buttons.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Social Login Buttons',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(tittle: 'Flutter Social Login Buttons'),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({Key? key, required this.tittle}) : super(key: key);
final String tittle;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Social Login Button'),
elevation: 2.0,
),
body: _buildContainer(context),
backgroundColor: Colors.grey[200],
);
}
Widget _buildContainer(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(16.0),
child: Center(
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SocialLoginButton(
buttonType: SocialLoginButtonType.apple,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.appleBlack,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.facebook,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.github,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.google,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.microsoft,
onPressed: () {},
),
const SizedBox(height: 10),
SocialLoginButton(
buttonType: SocialLoginButtonType.microsoftBlack,
onPressed: () {},
imageWidth: 20,
),
const SizedBox(height: 10),
SocialLoginButton(
backgroundColor: Colors.amber,
height: 50,
text: 'SignIn',
borderRadius: 20,
fontSize: 25,
buttonType: SocialLoginButtonType.generalLogin,
onPressed: () {},
),
const SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SocialLoginButton(
buttonType: SocialLoginButtonType.google,
onPressed: () {},
mode: SocialLoginButtonMode.single,
),
],
)
],
),
),
),
);
}
}
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
License
Screenshot
![](/images/banner-woo.jpg)
與 MuhammadHassanRazaa/FlutterSocialLoginButtons 相關優秀專案推薦下載
AppFlowy
47859
AppFlowy is an open-source alternative to Notion. You are in charge of your data and customizations. Built with Flutter and Rust.
localsend
33797
An open-source cross-platform alternative to AirDrop
spotube
23772
🎧 Open source Spotify client that doesn't require Premium nor uses Electron! Available for both desktop & mobile!
revanced-manager
15035
💊 Application to use ReVanced on Android
gsy_github_app_flutter
14559
Flutter 超完整的开源项目,功能丰富,适合学习和日常使用。GSYGithubApp系列的优势:我们目前已经拥有Flutter、Weex、ReactNative、kotlin 四个版本。 功能齐全,项目框架内技术涉及面广,完成度高,持续维护,配套文章,适合全面学习,对比参考。跨平台的开源Github客户端App,更好的体验,更丰富的功能,旨在更好的日常管理和维护个人Github,提供更好更方便的驾车体验Σ( ̄。 ̄ノ)ノ。同款Weex版本 : https://github.com/CarGuo/GSYGithubAppWeex 、同款React Native版本 : https://github.com/CarGuo/GSYGithubApp 、原生 kotlin 版本 https://github.com/CarGuo/GSYGithubAppKotlin
dio
12249
A powerful HTTP client for Dart and Flutter, which supports global settings, Interceptors, FormData, aborting and canceling a request, files uploading and downloading, requests timeout, custom adapters, etc.
gopeed
11832
A modern download manager that supports all platforms. Built with Golang and Flutter.
bloc
11441
A predictable state management library that helps implement the BLoC design pattern
getx
9899
Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies easily with Get.
flame
8846
A Flutter based game engine.
flutter_deer
7595
🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project (including integration testing and accessibility testing). Contains complete UI design drawings for a more realistic practice project.
fish-redux
7343
An assembled flutter application framework.
fl_chart
6451
FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart.
pixez-flutter
6360
一个支持免代理直连及查看动图的第三方Pixiv flutter客户端
Flutter-Responsive-Admin-Panel-or-Dashboard
6355
Responsive Admin Panel or Dashboard using Flutter
aidea
6021
AIdea 是一款支持 GPT 以及国产大语言模型通义千问、文心一言等,支持 Stable Diffusion 文生图、图生图、 SDXL1.0、超分辨率、图片上色的全能型 APP。
riverpod
5828
A reactive caching and data-binding framework. Riverpod makes working with asynchronous code a breeze.
pikapika
5463
美观易用且无广告的漫画和游戏客户端,同时支持MacOS,Windows,Android,iOS。
provider
5029
InheritedWidgets, but simple
getwidget
4416
Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.