위의 사진처럼 알림상자인 다이얼로그를 구현해보겠다.
ElevatedButton(
onPressed: () {
// 다이얼로그 표시
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
content: Text('문의가 성공적으로 접수되었습니다.'),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(); // 다이얼로그를 닫음
},
child: Text('확인'),
),
],
);
버튼을 클릭하면 "문의가 성공적으로 접수되었습니다." 라는 창이 뜨는 다이얼 로그가 뜬다
"확인" 버튼을 누르면 다이얼로그가 닫힌다
onPressed를 밑에
Navigator.pushNamed(context,
'설정한 화면이름');
이 코드를 넣고
void main(){ 안에
routes: {
'설정한 화면이름': (context) =>전환할 화면이름(), //화면 전환을 위함
},
이 코드를 넣으면 다이얼로그를 닫으면 화면을 전환하는 기능도 추가 구현할 수 있다.
잘 구현되는 모습이다.
'flutter(dart)' 카테고리의 다른 글
| flutter - Null check operator used on a null value 오류 해결하기 (1) | 2024.01.21 |
|---|---|
| flutter - 달력(datepicker) + 라이오버튼(Radio) 구현하기 (0) | 2024.01.12 |
| flutter(5) - form ,validator 사용하여 메시지 반환하기 (0) | 2023.11.16 |
| flutter(4)- image_picker - 갤러리에서 이미지 가져오기 (0) | 2023.11.08 |
| flutter(3)- InputField안에 label과 hintText 2개 이상 사용하기 (0) | 2023.11.02 |