Breaking News: Grepper is joining You.com. Read the official announcement!

flutter custom alert dialog

Add Answer

Perfect Pony answered on September 3, 2020 Popularity 10/10 Helpfulness 4/10

answer flutter custom alert dialog

related flutter alertdialog

related alertdialog flutter

related flutter alert dialog shape

related display alert dialog automatically in flutter when app opens

flutter custom alert dialog

Comment

//custom_alert_dialog.dart

import 'package:flutter/material.dart';

class CustomAlertDialog extends StatefulWidget {
  const CustomAlertDialog({
    Key? key,
    required this.title,
    required this.description,
  }) : super(key: key);

  final String title, description;

  @override
  _CustomAlertDialogState createState() => _CustomAlertDialogState();
}

class _CustomAlertDialogState extends State<CustomAlertDialog> {
  @override
  Widget build(BuildContext context) {
    return Dialog(
      elevation: 0,
      backgroundColor: Color(0xffffffff),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15.0),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          SizedBox(height: 15),
          Text(
            "${widget.title}",
            style: TextStyle(
              fontSize: 18.0,
              fontWeight: FontWeight.bold,
            ),
          ),
          SizedBox(height: 15),
          Text("${widget.description}"),
          SizedBox(height: 20),
          Divider(
            height: 1,
          ),
          Container(
            width: MediaQuery.of(context).size.width,
            height: 50,
            child: InkWell(
              highlightColor: Colors.grey[200],
              onTap: () {
                //do somethig
              },
              child: Center(
                child: Text(
                  "Continue",
                  style: TextStyle(
                    fontSize: 18.0,
                    color: Theme.of(context).primaryColor,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          ),
          Divider(
            height: 1,
          ),
          Container(
            width: MediaQuery.of(context).size.width,
            height: 50,
            child: InkWell(
              borderRadius: BorderRadius.only(
                bottomLeft: Radius.circular(15.0),
                bottomRight: Radius.circular(15.0),
              ),
              highlightColor: Colors.grey[200],
              onTap: () {
                Navigator.of(context).pop();
              },
              child: Center(
                child: Text(
                  "Cancel",
                  style: TextStyle(
                    fontSize: 16.0,
                    fontWeight: FontWeight.normal,
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: www.codewithflutter.com

Tags: alert dialog flutter whatever

Link to this answer
Share Copy Link

Contributed on Jul 02 2022

Perfect Pony

0 Answers Avg Quality 2/10

Closely Related Answers

flutter alertdialog

Comment

AlertDialog(
          title: const Text('AlertDialog Title'),
          content: const Text('this is a demo alert diolog'),
          actions: <Widget>[
            TextButton(
              child: const Text('Approve'),
              onPressed: () { 
              	Navigator.of(context).pop();
              },
            ),
          ],
        );

Popularity 10/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on Aug 22 2021

cmoulicms

0 Answers Avg Quality 2/10

alertdialog flutter

Comment

showAlertDialog(BuildContext context) {

  // set up the button
  Widget okButton = FlatButton(
    child: Text("OK"),
    onPressed: () { },
  );

  // set up the AlertDialog
  AlertDialog alert = AlertDialog(
    title: Text("My title"),
    content: Text("This is my message."),
    actions: [
      okButton,
    ],
  );

  // show the dialog
  showDialog(
    context: context,
    builder: (BuildContext context) {
      return alert;
    },
  );
}

Popularity 10/10 Helpfulness 5/10 Language swift

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Sep 03 2020

Fierce Flatworm

0 Answers Avg Quality 2/10

flutter alert dialog shape

Comment

shape: CircleBorder(),
shape: RoundedRectangleBorder(),
shape: ContinuousRectangleBorder(),
shape: BeveledRectangleBorder(),

Popularity 10/10 Helpfulness 4/10 Language dart

Source: Grepper

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Aug 23 2021

cmoulicms

0 Answers Avg Quality 2/10

display alert dialog automatically in flutter when app opens

Comment

import 'dart:async';
  import 'package:flutter/material.dart';

  void main() {
    runApp(new MyApp());
  }

  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
          title: 'Trial',
          home: Scaffold(
              appBar: AppBar(title: Text('List scroll')), body: new MyHome()));
    }
  }

  class MyHome extends StatelessWidget { // Wrapper Widget
    @override
    Widget build(BuildContext context) {
      Future.delayed(Duration.zero, () => showAlert(context));
      return Container(
        child: Text("Hello world"),
      );
    }

    void showAlert(BuildContext context) {
      showDialog(
          context: context,
          builder: (context) => AlertDialog(
                content: Text("hi"),
              ));
    }
  }

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Apr 27 2022

Motionless Macaque

0 Answers Avg Quality 2/10

flutter custom alert dialog

Contents

More Related Answers

flutter custom alert dialog

Closely Related Answers

flutter alertdialog

alertdialog flutter

flutter alert dialog shape

display alert dialog automatically in flutter when app opens

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.