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

custom dialog box in flutter

Add Answer

Perfect Pony answered on March 4, 2022 Popularity 10/10 Helpfulness 4/10

answer custom dialog box in flutter

related customize dialog flutter

related dialog box in flutter

related about dialog flutter

custom dialog box in flutter

Comment

Future<void> _showMyDialog() async {
  return showDialog<void>(
  context: context,
  barrierDismissible: false, // user must tap button!
  builder: (BuildContext context) {
    return AlertDialog(
      title: Text('AlertDialog Title'),
      content: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Text('This is a demo alert dialog.'),
            Text('Would you like to confirm this message?'),
          ],
        ),
      ),
      actions: <Widget>[
        TextButton(
          child: Text('Confirm'),
          onPressed: () {
            print('Confirmed');
            Navigator.of(context).pop();
          },
        ),
        TextButton(
          child: Text('Cancel'),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
      ],
    );
  },
);
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: box dialog flutter whatever

Link to this answer
Share Copy Link

Contributed on Mar 04 2022

Perfect Pony

0 Answers Avg Quality 2/10

Closely Related Answers

customize dialog flutter

Comment

-1

showDialog(Dialog(
  backgroundColor: Colors.transparent,
  insetPadding: EdgeInsets.all(10),
  child: Stack(
    overflow: Overflow.visible,
    alignment: Alignment.center,
    children: <Widget>[
      Container(
        width: double.infinity,
        height: 200,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(15),
          color: Colors.lightBlue
        ),
        padding: EdgeInsets.fromLTRB(20, 50, 20, 20),
        child: Text("You can make cool stuff!",
          style: TextStyle(fontSize: 24),
          textAlign: TextAlign.center
        ),
      ),
      Positioned(
        top: -100,
        child: Image.network("https://i.imgur.com/2yaf2wb.png", width: 150, height: 150)
      )
    ],
  )
));

Popularity 10/10 Helpfulness 6/10 Language dart

Source: stackoverflow.com

Tags: dart

Link to this answer
Share Copy Link

Contributed on Jun 07 2022

Alexander Ibekason

0 Answers Avg Quality 2/10

dialog box in flutter

Comment

import 'package:flutter/material.dart';

// Function to show the dialog box
void showDialogBox(BuildContext context) {
  showDialog(
    context: context,
    builder: (BuildContext context) {
      return AlertDialog(
        title: Text("Dialog Box"),
        content: Text("This is a sample dialog box."),
        actions: <Widget>[
          FlatButton(
            child: Text("Close"),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
        ],
      );
    },
  );
}

// Usage example
class MyExampleScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Dialog Box Example"),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Show Dialog Box"),
          onPressed: () {
            showDialogBox(context); // Call the function to show the dialog box
          },
        ),
      ),
    );
  }
}

Popularity 9/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

about dialog flutter

Comment

showDialog(
  context: context,
  builder: (context) => AboutDialog(
    applicationName: 'AllAboutFlutter',
    applicationVersion: '1.0.0',
    applicationIcon: CircleAvatar(
      child: Image.network(
          'https://static.wixstatic.com/media/73e5ab_e0a33a24b96c4e09a876668a29fd73c4~mv2.png'),
    ),
    applicationLegalese:
        '© 2023 AllAboutFlutter. All rights reserved.',
    children: const [
      Text(
          'AllAboutFlutter is a website that provides tutorials on Flutter and Dart.'),
    ],
  ),
);

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: www.allaboutflutter.com

Tags: dialog di

Link to this answer
Share Copy Link

Contributed on Feb 12 2023

Manav Sarkar

0 Answers Avg Quality 2/10

custom dialog box in flutter

Contents

More Related Answers

custom dialog box in flutter

Closely Related Answers

customize dialog flutter

dialog box in flutter

about dialog flutter

Grepper

Documentation

Social

Legal

Contact

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