Modal으로 로그인 페이지 구현하기

1. 백그라운드 gif이미지

2. Modal창으로 로그인 폼 구현 방식

- initState로 한번 호출 된 이후 변경이 되지 않도록 함

- 위젯의 생명주기를 활용, build가 끝나는 시점에 addPostFrameCallback함수를 호출해 _loginForm을 호출

- barrierDismissible를 false로 주어 modal이 닫히지 않도록 함

 

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      loginForm();
    });
  }

  void loginForm() {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return LoginFormDialog();
      },
    );
  }

 

실행 시켜보면 아래 처럼 LoginFormDialog가 Dialog임에도 닫히지 않고 보인다.