안녕하세요~ totally 개발자입니다. Form, validator, TextFormField, Navigator.pushNamed의 매개변수 전달해서 다른 클래스에서 받기 Form, validator, TextFormField를 사용해서 잘 제출되었을 때 다른 페이지로 넘어갈 수 있는 예제를 살펴 보도록 하겠습니다. 플러터에서는 Form 위젯을 제공하여 양식을 만들 수 있습니다. 그리고 TextFormField를 사용하여 autoFocus, validator, onSaved 등 여러가지 속성을 같이 활용할 수 있습니다. Step 1: MaterialApp 부분에 home 부분을 주석 처리해주시고 initialRoute와 routes를 다음처럼 정의해주도록 합니다. 이 routes 정의를 통해 push..

안녕하세요~ totally 개발자입니다. Navigator 오늘 다룰 부분은 Navigator로 화면을 이동하고 전환할 때 사용됩니다. Navigator는 스택(Stack) 구조를 통하여 구현되며 제일 간단하게 다음 화면으로 이동, 이전 화면으로 이동 이 2가지를 먼저 이해하면 됩니다. 그 2가지는 push와 pop입니다. push를 사용하는 것이 다음 화면으로 이동, pop을 사용하면 현재 화면을 꺼내기 즉 이전 화면으로 돌아가는 형태가 됩니다. 바로 예제로 들어가보도록 하겠습니다. 첫 번째 스크린입니다. Navigator.push 메소드를 이용하면 다음 화면으로 전환할 수 있는데, 그 구조는 18-23번째 줄처럼 Navigator.push(context, MaterialPageRoute(builder..

안녕하세요~ totally 개발자입니다. AlertDialog 오늘 다뤄볼 위젯은 AlertDialog이며 플러터에서 팝업창을 띄울 때 많이 사용되는 위젯으로 바로 예제 실습으로 들어가 보겠습니다. 먼저 GestureDetector의 onTap 같이 탭을 인식하는 속성을 가진 위젯을 사용해서 AlertDialog를 띄워보도록 하겠습니다. GestureDetector 위젯을 만들어주고 onTap으로 탭을 했을 때, 그 탭의 기준은 child의 Container 위젯입니다. 34번째 onTap의 내부를 작성한 모습입니다. AlertDialog를 나타내기 위해서는 showDialog 호출이 필요하며 context, builder 등의 속성을 명시해주어야 합니다. 37번째의 barrierDismissible: ..