Open1

【Flutter】アラートを出す(ノーマルとiOS風)

ぼんぼん

流れ

ノーマルだと

  • AlertDialog

iOS風なら

  • CupertinoAlertDialog

のWidgetを作って

  • showDialog()

を使って提示する。

AlertDialog

AlertDialog _alertBuilder( BuildContext context,  String msg ) {
    return AlertDialog(
      title: const Text('My App'),
      content: Text(msg),
      actions: [
        TextButton(
          onPressed: () {
            Navigator.pop(context, 'OK');
          },
         child: const Text('OK'))
      ],);
  }

CupertinoAlertDialog

  CupertinoAlertDialog _alertBuilderForCupertino( BuildContext context, String msg ) {

    return CupertinoAlertDialog(
      title: const Text('My App (like iOS)'),
      content: Text(msg),
      actions: [
        CupertinoDialogAction(child: const Text('OK'), onPressed: () {
          Navigator.pop(context);
        },)
      ],
    );
  }

提示

ノーマルタイプを出す例

  void _showAlert( String msg) {
    showDialog(
      context: context,
      builder: (BuildContext context) => _alertBuilder( context, msg ) );
  }

ノーマルタイプ

iOS風