Flutterラボの
プレミアム会員になる
【Flutter】サインインボタンをパッケージで簡単に作成する(Google, Twitter, Facebook, Apple)

#プログラミング#アプリ開発#Flutter#dart
flutter_signin_buttonパッケージで簡単にサインボタンを作成することができます。

pubspec.yamlを編集してパッケージをインストールします。
dependencies:
flutter_signin_button: ^2.0.0
あとは、SignInButtonを呼び出すだけです。
Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text('ログイン'),
),
body: SizedBox(
width: double.infinity,
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SignInButton(
Buttons.Google,
onPressed: () {},
),
SignInButton(
Buttons.FacebookNew,
onPressed: () {},
),
SignInButton(
Buttons.Twitter,
onPressed: () {},
),
SignInButton(
Buttons.Apple,
onPressed: () {},
),
SignInButton(
Buttons.Email,
onPressed: () {},
),
],
),
),
);