lib/sign_in_screen.dart_cf(画面遷移確認用)
import 'package:flutter/material.dart';
import 'package:photoapp/photo_list_screen.dart';
class SignInScreen extends StatefulWidget {
@override
_SignInScreenState createState() => _SignInScreenState();
}
class _SignInScreenState extends State<SignInScreen> {
// Formのkeyを指定する場合は<FormState>としてGlobalKeyを定義する
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
@override
Widget build(BuildContext context) {
return Scaffold(
body: Form(
// Formのkeyに指定する
key: _formKey,
child: Center(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Photo App',
style: Theme.of(context).textTheme.headline4,
),
SizedBox(height: 16),
TextFormField(
decoration: InputDecoration(
labelText: 'メールアドレス',
),
keyboardType: TextInputType.emailAddress,
// メールアドレス用のバリデーション
validator: (String? value) {
// メールアドレスが入力されていない場合
if (value?.isEmpty == true) {
// 問題があるときはメッセージを返す
return 'メールアドレスを入力して下さい';
}
// 問題ないときはnullを返す
return null;
},
),
SizedBox(height: 8),
TextFormField(
decoration: InputDecoration(
labelText: 'パスワード',
),
keyboardType: TextInputType.visiblePassword,
obscureText: true,
// パスワード用のバリデーション
validator: (String? value) {
// パスワードが入力されていない場合
if (value?.isEmpty == true) {
// 問題があるときはメッセージを返す
return 'パスワードを入力して下さい';
}
// 問題ないときはnullを返す
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('新規登録'),
),
),
],
),
),
),
),
);
}
void _onSignIn() {
// 入力内容を確認する
if (_formKey.currentState?.validate() != true) {
// エラーメッセージがあるため処理を中断する
return;
}
// 画像一覧画面に切り替え
Navigator.of(context).pushReplacement(
MaterialPageRoute(
builder: (_) => PhotoListScreen(),
),
);
}
void _onSignUp() {
// 入力内容を確認する
// if (_formKey.currentState?.validate() != true) {
// // エラーメッセージがあるため処理を中断する
// return;
// }
// 画像一覧画面に切り替え
Navigator.of(context).pushReplacement(
MaterialPageRoute(
builder: (_) => PhotoListScreen(),
),
);
}
}