0

下記の画面にログイン済みの場合はログイン後の画面(signed_in_screen)、ログインしていない場合はログイン前の画面(community _screen)の画面を実装したいのですがコーディングを教えてください。

kaisupo/screens/community_screen.dart

import 'package:firebase_auth/firebase_auth.dart';
import 'package:kaisupo/screens/signed_in_screen.dart';
import 'package:flutter/material.dart';
import 'package:kaisupo/parts/back_gradation_setting.dart';
import 'package:kaisupo/parts/bottom_navigation_bar.dart';
import 'package:kaisupo/parts/title_text.dart';

class CommunityScreen extends StatefulWidget {
  @override
  _CommunityScreenState createState() => _CommunityScreenState();
}

class _CommunityScreenState extends State<CommunityScreen> {
  //現在のタブを保持する変数の定義と初期値の設定
  var _currentTab = TabItem.community;
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  //タブの更新
  void _selectedTab(TabItem tabItem) {
    setState(() => _currentTab = tabItem);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PreferredSize(
        preferredSize: const Size.fromHeight(60.0),
        child: AppBar(
          title: TitleTextCreate(
              title: "***",
              size: 30,
              color: Colors.white,
              radius: 18,
              shadow: Colors.indigo),
          centerTitle: true,
          backgroundColor: Colors.lightGreen.shade400,
        ),
      ),
      //BottomNavigationBarセット
      bottomNavigationBar: BottomNavigationBarSet(
        currentTab: _currentTab,
        onSelectedTab: _selectedTab,
      ),
      body: Form(
        key: _formKey,
        child: Stack(children: [
          //背景グラデーション
          BackGroundDecoration(
              first: Colors.deepOrangeAccent.shade200,
              second: Colors.amber.shade300,
              third: Colors.yellow.shade200),
          Column(mainAxisAlignment: MainAxisAlignment.center, children: [
            TextFormField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'メールアドレス'),
              keyboardType: TextInputType.emailAddress,
              validator: (String? value) {
                if (value?.isEmpty == true) {
                  return 'メールアドレスを入力して下さい';
                }
                return null;
              },
            ),
            SizedBox(height: 8),
            TextFormField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'パスワード'),
              keyboardType: TextInputType.visiblePassword,
              obscureText: true,
              validator: (String? value) {
                if (value?.isEmpty == true) {
                  return 'パスワードを入力して下さい';
                }
                return null;
              },
            ),
            SizedBox(height: 16),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: () => _onSignIn(),
                child: Text('ログイン'),
              ),
            ),
            SizedBox(height: 8),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton(
                onPressed: () => _onSignUp(),
                child: Text('新規登録'),
              ),
            ),
          ]),
        ]),
      ),
    );
  }

  Future<void> _onSignIn() async {
    try {
      if (_formKey.currentState?.validate() != true) {
        return;
      }

      //新規登録と同じく入力された内容をもとにログイン処理を行う
      final String email = _emailController.text;
      final String password = _passwordController.text;
      await FirebaseAuth.instance
          .signInWithEmailAndPassword(email: email, password: password);

      Navigator.of(context).pushReplacement(
        MaterialPageRoute(
          builder: (_) => SignedInScreen(),
        ),
      );
    } catch (e) {
      await showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('エラー'),
            content: Text(e.toString()),
          );
        },
      );
    }
  }

  Future<void> _onSignUp() async {
    try {
      if (_formKey.currentState?.validate() != true) {
        return;
      }
      final String email = _emailController.text;
      final String password = _passwordController.text;
      await FirebaseAuth.instance
          .createUserWithEmailAndPassword(email: email, password: password);

      Navigator.of(context).pushReplacement(
        MaterialPageRoute(
          builder: (_) => SignedInScreen(),
        ),
      );
    } catch (e) {
      await showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('エラー'),
            content: Text(e.toString()),
          );
        },
      );
    }
  }
}

kaisupo/screens/signed_in_screen.dart

import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:kaisupo/screens/community_screen.dart';
import 'package:kaisupo/parts/back_gradation_setting.dart';
import 'package:kaisupo/parts/bottom_navigation_bar.dart';
import 'package:kaisupo/parts/title_text.dart';

class SignedInScreen extends StatefulWidget {
  @override
  _SignedInScreenState createState() => _SignedInScreenState();
}

class _SignedInScreenState extends State<SignedInScreen> {
  var _currentTab = TabItem.community;
  //タブの更新
  void _selectedTab(TabItem tabItem) {
    setState(() => _currentTab = tabItem);
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PreferredSize(
        preferredSize: const Size.fromHeight(60.0),
        child: AppBar(
          title: TitleTextCreate(
              title: "***",
              size: 30,
              color: Colors.white,
              radius: 18,
              shadow: Colors.indigo),
          centerTitle: true,
          backgroundColor: Colors.lightGreen.shade400,
          actions: [
            //ログアウト用ボタン
            IconButton(
              onPressed: () => _onSignOut(),
              icon: Icon(Icons.exit_to_app),
            ),
          ],
        ),
      ),
      //BottomNavigationBarセット
      bottomNavigationBar: BottomNavigationBarSet(
        currentTab: _currentTab,
        onSelectedTab: _selectedTab,
      ),
    );
  }

  Future<void> _onSignOut() async {
    //ログアウト処理
    await FirebaseAuth.instance.signOut();

    //ログアウトに成功したらログイン画面に戻す
    //現在の画面は不要になるのでpushReplacementを使う
    Navigator.of(context).pushReplacement(
      MaterialPageRoute(
        builder: (_) => CommunityScreen(),
      ),
    );
  }
}

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。