show_dialog.0.dart 2.02 KB
Newer Older
1 2 3 4 5 6
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

7 8 9
/// Flutter code sample for [showDialog].

void main() => runApp(const ShowDialogExampleApp());
10

11 12
class ShowDialogExampleApp extends StatelessWidget {
  const ShowDialogExampleApp({super.key});
13 14 15 16

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
17
      home: DialogExample(),
18 19 20 21
    );
  }
}

22
class DialogExample extends StatelessWidget {
23
  const DialogExample({super.key});
24 25 26 27

  @override
  Widget build(BuildContext context) {
    return Scaffold(
28
      appBar: AppBar(title: const Text('showDialog Sample')),
29 30
      body: Center(
        child: OutlinedButton(
31
          onPressed: () => _dialogBuilder(context),
32 33 34 35 36 37
          child: const Text('Open Dialog'),
        ),
      ),
    );
  }

38 39
  Future<void> _dialogBuilder(BuildContext context) {
    return showDialog<void>(
40
      context: context,
41 42 43 44
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('Basic dialog title'),
          content: const Text(
45 46 47 48 49
            'A dialog is a type of modal window that\n'
            'appears in front of app content to\n'
            'provide critical information, or prompt\n'
            'for a decision to be made.',
          ),
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
          actions: <Widget>[
            TextButton(
              style: TextButton.styleFrom(
                textStyle: Theme.of(context).textTheme.labelLarge,
              ),
              child: const Text('Disable'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
            TextButton(
              style: TextButton.styleFrom(
                textStyle: Theme.of(context).textTheme.labelLarge,
              ),
              child: const Text('Enable'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
72 73 74
    );
  }
}