whoareyou.dart

import 'package:flutter/material.dart';
import 'letsgo.dart';
import 'yourinfo.dart';

class whoareyou extends StatefulWidget {
  @override
  _whoareyouState createState() => _whoareyouState();
}

class _whoareyouState extends State<whoareyou> {
  @override
  Widget build(BuildContext context) {
    final deviceWidth = MediaQuery.of(context).size.width;
    final standardDeviceWidth = 375;
    final Factor_Width = deviceWidth / standardDeviceWidth;
    final deviceHeight = MediaQuery.of(context).size.height;
    final standardDeviceHeight = 812;
    final Factor_Height = deviceHeight / standardDeviceHeight;

    bool issetted = false; // 프로필이 설정되었는지 확인하는 변수

    return GestureDetector(
      onTap: () {
        FocusScope.of(context).unfocus();
      },
      child: Scaffold(
        resizeToAvoidBottomInset: false,
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Container(
                // 공백
                height: 23 * Factor_Height,
              ),
              Container(
                // 사진
                height: 225 * Factor_Height,
                width: 312 * Factor_Height,
                child: Image.asset(
                  'assets/whoareyou.png',
                  height: 225 * Factor_Height,
                  width: 312 * Factor_Height,
                ),
              ),
              Container(
                // 공백
                height: 54 * Factor_Height,
              ),
              Container(
                // '당신은 어떤 사람인가요?' 텍스트
                height: 30 * Factor_Height,
                child: Text(
                  '당신은 어떤 사람인가요?',
                  style: TextStyle(
                    fontSize: 30 * Factor_Height,
                    fontFamily: 'Spoqa-Bold',
                    color: Color(0xFF3C3C3C),
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
              Container(
                // 공백
                height: 32 * Factor_Height,
              ),
              Container(
                height: 46 * Factor_Height,
                child: Column(
                  children: [
                    Expanded(
                      child: Text(
                        '자신을 표현하기 위한 닉네임과',
                        style: TextStyle(
                          fontSize: 18 * Factor_Height,
                          fontFamily: 'Spoqa-Medium',
                          color: Color(0xFF797979),
                        ),
                        textAlign: TextAlign.center,
                      ),
                    ),
                    Expanded(
                      child: Text(
                        '프로필 사진을 설정해주세요!',
                        style: TextStyle(
                          fontSize: 18 * Factor_Height,
                          fontFamily: 'Spoqa-Medium',
                          color: Color(0xFF797979),
                        ),
                        textAlign: TextAlign.center,
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                // 공백
                height: 54 * Factor_Height,
              ),
              Container(
                // '자신만의 프로필 설정하러 가기' 버튼
                height: 53 * Factor_Height,
                child: Container(
                  width: 300 * Factor_Width,
                  child: GestureDetector(
                    onTap: () {


                      Navigator.push(
                        context,
                        MaterialPageRoute(builder: (context) => yourinfo()),
                      );

                      issetted = true; // 프로필이 설정되었음을 알려줌
                    },
                    child: Stack(
                      children: [
                        Center(
                          child: Opacity(
                            opacity: 0.73,
                            child: Container(
                              decoration: BoxDecoration(
                                color: Color(0xFFCD0051),
                                borderRadius: BorderRadius.circular(12),
                              ),
                              width: 300 * Factor_Width,
                            ),
                          ),
                        ),
                        Center(
                          child: Text(
                            '자신만의 프로필 설정하러 가기',
                            style: TextStyle(
                              fontSize: 17 * Factor_Width,
                              fontFamily: 'Spoqa-Bold',
                              color: Colors.white,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
              Container(
                height: 14 * Factor_Height,
              ),
              Container(
                // '앗, 나중에 할게요' 텍스트
                height: 21 * Factor_Height,
              ),
              Container(
                // 공백
                height: 92 * Factor_Height,
              ),
              Container(
                // '이제, 다 왔어요!' 버튼
                height: 53 * Factor_Height,
                child: Container(
                  width: 300 * Factor_Width,
                  child: GestureDetector(
                    onTap: () {
                      // 다음 페이지로 이동하는 부분 navigator 구현
                      !issetted // 삼항 연산자로 issetted가 false일 경우 '이제, 다 왔어요'버튼을 눌러도 반응을 하지 않고, true인 경우에만 다음 페이지로 넘어가는 push 기능을 하게끔 구현함.
                          ? null
                          : Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) =>
                                      letsgo())); // letsgo 로 넘어감
                    },
                    child: Stack(
                      children: [
                        Center(
                          child: Opacity(
                            opacity: 0.73,
                            child: Container(
                              decoration: BoxDecoration(
                                color: Color(0xFFCD0051),
                                borderRadius: BorderRadius.circular(12),
                              ),
                              width: 300 * Factor_Width,
                            ),
                          ),
                        ),
                        Center(
                          child: Text(
                            '이제, 다 왔어요!',
                            style: TextStyle(
                              fontSize: 17 * Factor_Width,
                              fontFamily: 'Spoqa-Bold',
                              color: Colors.white,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
              Container(
                // 공백
                height: 83 * Factor_Height,
              ),
            ],
          ),
        ),
      ),
    );
  }
}