Flutter CustomalertView

最新推荐文章于 2024-06-23 04:42:49 发布

原创最新推荐文章于 2024-06-23 04:42:49 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #showDialog #Dialog #弹窗视图 #flutter弹窗

Flutter开发随记专栏收录该内容

16 篇文章

订阅专栏

该代码片段展示了如何在Flutter中创建一个自定义的AlertView对话框，包括标题、内容和两个操作按钮（取消与确定）。点击按钮时，会触发指定的回调函数，返回用户选择的选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import 'package:flutter/material.dart';

typedef IndexCallback = void Function(int index);

// ignore: avoid_types_as_parameter_names
Widget showAlertView(String title, String content, BuildContext context,
    {Key key, IndexCallback callBack}) {
  showDialog(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext showContext) {
        return AlertDialog(
          title: Container(
            alignment: Alignment.center,
            child: Text(title),
          ),
          content: SingleChildScrollView(
            child: ListBody(
              children: <Widget>[
                Container(
                  alignment: Alignment.center,
                  child: Text(content),
                ),
              ],
            ),
          ),
          actionsAlignment: MainAxisAlignment.spaceBetween,
          actions: <Widget>[
            FlatButton(
              child: Text('取消'),
              onPressed: () {
                Navigator.of(showContext).pop();
                callBack(0);
              },
            ),
            FlatButton(
              child: Text('确定'),
              onPressed: () {
                callBack(1);
                Navigator.of(showContext).pop();
              },
            ),
          ],
        );
      }).then((value) => print(value));
}