質問編集履歴

参考サイト修正、画像追加

2023/02/06 01:16

投稿

kj0221

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -3,13 +3,13 @@
 ログイン済みの場合はログイン後の画面(signed_in_screen)、ログインしていない場合はログイン前の画面(community _screen)の画面を表示したいのですがコーディングを教えてください。
 main.dart
-```ここに言語を入力
+```
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
 import 'package:kaisupo/screens/home_screen.dart';
 import 'package:kaisupo/firebase_options.dart';
-void main() async {
+Future<void> main() async {
   //main関数を非同期処理にするときに必ず必要になる
   WidgetsFlutterBinding.ensureInitialized();
   //Firebase初期化
@@ -32,11 +32,12 @@
     );
   }
 }
 ```
 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';
@@ -44,6 +45,8 @@
 import 'package:kaisupo/parts/bottom_navigation_bar.dart';
 import 'package:kaisupo/parts/title_text.dart';
+//介護士コミュニティ
 class CommunityScreen extends StatefulWidget {
   @override
   _CommunityScreenState createState() => _CommunityScreenState();
@@ -62,80 +65,102 @@
   }
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context) => MaterialApp(
-    return Scaffold(
+        home: Scaffold(
-      appBar: PreferredSize(
+          appBar: PreferredSize(
-        preferredSize: const Size.fromHeight(60.0),
+            preferredSize: const Size.fromHeight(60.0),
-        child: AppBar(
+            child: AppBar(
-          title: TitleTextCreate(
+              title: TitleTextCreate(
-              title: "***",
+                  title: "介護士コミュニティ",
-              size: 30,
+                  size: 30,
-              color: Colors.white,
+                  color: Colors.white,
-              radius: 18,
+                  radius: 18,
-              shadow: Colors.indigo),
+                  shadow: Colors.indigo),
-          centerTitle: true,
+              centerTitle: true,
-          backgroundColor: Colors.lightGreen.shade400,
+              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;
-              },
             ),
+          ),
+          //BottomNavigationBarセット
+          bottomNavigationBar: BottomNavigationBarSet(
+            currentTab: _currentTab,
-            SizedBox(height: 8),
+            onSelectedTab: _selectedTab,
+          ),
+          body: SafeArea(
-            TextFormField(
+            key: _formKey,
+            child: Stack(children: [
+              //背景グラデーション
+              BackGroundDecoration(
+                  first: Colors.deepOrangeAccent.shade200,
-              controller: _passwordController,
+                  second: Colors.amber.shade300,
-              decoration: InputDecoration(labelText: 'パスワード'),
+                  third: Colors.yellow.shade200),
+              StreamBuilder<User?>(
-              keyboardType: TextInputType.visiblePassword,
+                stream: FirebaseAuth.instance.authStateChanges(),
-              obscureText: true,
-              validator: (String? value) {
+                builder: (context, snapshot) {
-                if (value?.isEmpty == true) {
+                  if (snapshot.connectionState == ConnectionState.waiting) {
-                  return 'パスワードを入力して下さい';
+                    // スプラッシュ画面などに書き換えても良い
+                    return const SizedBox();
-                }
+                  }
+                  if (snapshot.hasData) {
+                    // User が null でなない、つまりサインイン済みのホーム画面へ
+                    return CommunityScreen();
+                  }
+                  // User が null である、つまり未サインインのサインイン画面へ
-                return null;
+                  return SignedInScreen();
-              },
+                },
-            ),
-            SizedBox(height: 16),
-            SizedBox(
-              width: double.infinity,
-              child: ElevatedButton(
-                onPressed: () => _onSignIn(),
-                child: Text('ログイン'),
               ),
+              SingleChildScrollView(
+                child: Container(
+                  width: MediaQuery.of(context).size.width,
+                  child: 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),
+                        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(
+                        SizedBox(
-              width: double.infinity,
+                          width: double.infinity,
-              child: ElevatedButton(
+                          child: ElevatedButton(
+                            onPressed: () => _onSignIn(),
+                            child: Text('ログイン'),
+                          ),
+                        ),
+                        SizedBox(height: 8),
+                        SizedBox(
+                          width: double.infinity,
+                          child: ElevatedButton(
-                onPressed: () => _onSignUp(),
+                            onPressed: () => _onSignUp(),
-                child: Text('新規登録'),
+                            child: Text('新規登録'),
+                          ),
+                        ),
+                      ]),
+                ),
               ),
+            ]),
-            ),
+          ),
-          ]),
-        ]),
-      ),
+        ),
-    );
+      );
-  }
   Future<void> _onSignIn() async {
     try {
@@ -225,7 +250,7 @@
         preferredSize: const Size.fromHeight(60.0),
         child: AppBar(
           title: TitleTextCreate(
-              title: "***",
+              title: "介護士コミュニティ",
               size: 30,
               color: Colors.white,
               radius: 18,
@@ -264,6 +289,9 @@
 }
 ```
+変更
 試したこと
-[参考サイト](https://github.com/RaajeevChandran/Firebase-Authentication-in-Flutter-with-Provider/blob/main/lib/main.dart)を参考に、実装しようとしましたがうまくできず。
+[参考サイト]https://qiita.com/KosukeSaigusa/items/b19ec19379c5a2e4ceb2を参考に、実装しようと試みましたが、デバッグした後、RUNすることは出来たものの、community screeの画面が幾重にも重なる現象がおきました。その後、調べてはみたものの修正方法がわからず、お聞きしたく。
+![UI](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-06/c791fe13-0cb8-4cbd-8479-281e6671ecf8.png)

Firebase Flutter Firebase Authentication

試したこと

2023/02/02 04:23

投稿

kj0221

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -264,4 +264,6 @@
 }
 ```
+試したこと
+[参考サイト](https://github.com/RaajeevChandran/Firebase-Authentication-in-Flutter-with-Provider/blob/main/lib/main.dart)を参考に、実装しようとしましたがうまくできず。

Firebase Flutter Firebase Authentication