広告

Flutterラボの

プレミアム会員になる

【Flutter】サインインボタンをパッケージで簡単に作成する(Google, Twitter, Facebook, Apple)

2021.11.11

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: () {},
        ),
      ],
    ),
  ),
);
Flutterラボ|動画で学ぶFlutter学習サイト Flutter・Dart・Firebaseに関するアプリ制作の技術を学ぶことができます。プログラミング初心者から経験者まで flutterlabo.tech


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)