Flutter - Alert Button

앱을 사용하다보면 얼럿 버튼을 많이 보았을 것이다. 예를들어, 메모를 삭제할 때 그냥 삭제하는 것보다 정말 삭제 할 것인지? 물어보고 삭제하는 것이 UX측면에서 좋은 개발이 될 것이다.

다음 예시와 코드를 통해 플러터에서 Alert을 띄우는 방법을 알아보자!

showCupertinoDialog<void>(
  context: context,
  builder: (BuildContext context) => CupertinoAlertDialog(
    title: const Text('Alert'),
    content: const Text('Proceed with destructive action?'),
    actions: <CupertinoDialogAction>[
      CupertinoDialogAction(
      // 기본 색상: blue
        isDefaultAction: true,
        onPressed: () {
          Navigator.pop(context);
        },
        child: const Text('No'),
      ),
      CupertinoDialogAction(
      // 기본 색상: red
        isDestructiveAction: true,
        onPressed: () {
          Navigator.pop(context);
        },
        child: const Text('Yes'),
      ),
    ],
  ),
);