AlertDialogのUI実装

android/build.gradle

@@ -1,5 +1,5 @@
 buildscript {
-    ext.kotlin_version = '1.7.10'
+    ext.kotlin_version = '1.9.0'
     repositories {
         google()
         mavenCentral()

lib/debug/debug_alert_dialog_page.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+import 'package:pg_mobile/util/navigator_util.dart';
+
+class DebugAlertDialogPage extends StatelessWidget {
+  const DebugAlertDialogPage({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Alert Dialog'),
+      ),
+      body: SafeArea(
+        child: Center(
+          child: ElevatedButton(
+            onPressed: () {
+              NavigatorUtil.showCommonAlertDialog(
+                context,
+                titleText: 'titleText',
+                contentText: 'contentText',
+                onPressedCancel: () {
+                  Navigator.pop(context);
+                },
+                onPressedOK: () {
+                  Navigator.pop(context);
+                },
+              );
+            },
+            child: const Text('AlertDialogを表示'),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/debug/debug_page.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:pg_mobile/debug/debug_alert_dialog_page.dart';
 import 'package:pg_mobile/debug/debug_text_theme_page.dart';
 import 'package:pg_mobile/debug/login_sample/login_sample.dart';
 
@@ -50,6 +51,16 @@ class DebugPage extends StatelessWidget {
               );
             },
           ),
+          _button(
+            'Alert Dialog',
+            onPressed: () {
+              Navigator.of(context).push(
+                MaterialPageRoute(
+                  builder: (context) => const DebugAlertDialogPage(),
+                ),
+              );
+            },
+          ),
         ],
       ),
     );

lib/extensions/target_platform_extension.dart

@@ -0,0 +1,6 @@
+import 'package:flutter/material.dart';
+
+extension TargetPlatformExtension on TargetPlatform {
+  bool get isIOS => this == TargetPlatform.iOS;
+  bool get isAndroid => this == TargetPlatform.android;
+}

lib/util/navigator_util.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:pg_mobile/extensions/target_platform_extension.dart';
+import 'package:pg_mobile/widgets/common_cupertino_alert_dialog.dart';
+import 'package:pg_mobile/widgets/common_material_alert_dialog.dart';
+
+class NavigatorUtil {
+  /// OSに応じたAlertDialogを表示するメソッド
+  static void showCommonAlertDialog(
+    BuildContext context, {
+    required String titleText,
+    required String contentText,
+    String cancelText = 'キャンセル',
+    String okText = 'OK',
+    required void Function()? onPressedCancel,
+    required void Function()? onPressedOK,
+    bool hideCancel = false,
+  }) {
+    if (Theme.of(context).platform.isIOS) {
+      showCupertinoModalPopup<void>(
+        context: context,
+        builder: (BuildContext context) => CommonCupertinoAlertDialog(
+          titleText: titleText,
+          contentText: contentText,
+          cancelText: cancelText,
+          okText: okText,
+          onPressedCancel: onPressedCancel,
+          onPressedOK: onPressedOK,
+          hideCancel: hideCancel,
+        ),
+      );
+    } else {
+      showDialog<void>(
+        context: context,
+        builder: (BuildContext context) {
+          return CommonMaterialAlertDialog(
+            titleText: titleText,
+            contentText: contentText,
+            cancelText: cancelText,
+            okText: okText,
+            onPressedCancel: onPressedCancel,
+            onPressedOK: onPressedOK,
+            hideCancel: hideCancel,
+          );
+        },
+      );
+    }
+  }
+}

lib/widgets/common_cupertino_alert_dialog.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/cupertino.dart';
+
+class CommonCupertinoAlertDialog extends StatelessWidget {
+  const CommonCupertinoAlertDialog({
+    Key? key,
+    required this.titleText,
+    required this.contentText,
+    required this.cancelText,
+    required this.okText,
+    required this.onPressedCancel,
+    required this.onPressedOK,
+    required this.hideCancel,
+  }) : super(key: key);
+
+  final String titleText;
+  final String contentText;
+  final String cancelText;
+  final String okText;
+  final void Function()? onPressedCancel;
+  final void Function()? onPressedOK;
+  final bool hideCancel;
+
+  static const TextStyle _actionsTextStyle = TextStyle(
+    color: CupertinoColors.systemBlue,
+  );
+
+  bool get _showCancel => !hideCancel;
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoAlertDialog(
+      title: Text(titleText),
+      content: Text(contentText),
+      actions: <CupertinoDialogAction>[
+        if (_showCancel)
+          CupertinoDialogAction(
+            onPressed: onPressedCancel,
+            textStyle: _actionsTextStyle,
+            child: Text(cancelText),
+          ),
+        CupertinoDialogAction(
+          isDestructiveAction: true,
+          onPressed: onPressedOK,
+          textStyle: _actionsTextStyle,
+          child: Text(okText),
+        ),
+      ],
+    );
+  }
+}

lib/widgets/common_material_alert_dialog.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:pg_mobile/constants/app_colors.dart';
+
+class CommonMaterialAlertDialog extends StatelessWidget {
+  const CommonMaterialAlertDialog({
+    Key? key,
+    required this.titleText,
+    required this.contentText,
+    required this.cancelText,
+    required this.okText,
+    required this.onPressedCancel,
+    required this.onPressedOK,
+    required this.hideCancel,
+  }) : super(key: key);
+
+  final String titleText;
+  final String contentText;
+  final String cancelText;
+  final String okText;
+  final void Function()? onPressedCancel;
+  final void Function()? onPressedOK;
+  final bool hideCancel;
+
+  bool get _showCancel => !hideCancel;
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text(
+        titleText,
+        style: const TextStyle(color: AppColors.black),
+      ),
+      content: Text(
+        contentText,
+        style: const TextStyle(color: AppColors.black),
+      ),
+      actions: <Widget>[
+        if (_showCancel)
+          TextButton(
+            onPressed: onPressedCancel,
+            child: Text(cancelText),
+          ),
+        TextButton(
+          onPressed: onPressedOK,
+          child: Text(okText),
+        ),
+      ],
+    );
+  }
+}