Flutter GetX 对话框 - Dart

简介

Flutter GetX 是一个快速开发框架，对话框是其中一个重要组件。它能够让你非常容易地在你的应用中添加标准化的对话框，例如提示框，确认框和底部菜单。它与 Flutter 对话框非常相似，但是在性能和定制性方面要好得多。

特性

• 标准化的对话框组件
• 提示框、确认框和底部菜单的封装
• 快速简便的创建和使用
• 支持定制和自定义

安装和导入

要使用 Flutter GetX 对话框，您需要将它添加到您的 pubspec.yaml 文件中：

dependencies:
  get: ^4.3.8

然后执行以下命令获取依赖：

flutter pub get

导入您的 Dart 代码中：

import 'package:get/get.dart';

使用方法

展示提示框

Get.defaultDialog(
  title: "Title",
  middleText: "This is the middle text",
  actions: [
    TextButton(
      child: Text("Cancel"),
      onPressed: () {
        Get.back();
      },
    ),
    TextButton(
      child: Text("OK"),
      onPressed: () {
        Get.back();
      },
    )
  ],
);

展示确认框

Get.defaultDialog(
  title: "Title",
  middleText: "This is the middle text",
  actions: [
    TextButton(
      child: Text("Cancel"),
      onPressed: () {
        Get.back();
      },
    ),
    TextButton(
      child: Text("OK"),
      onPressed: () {
        // do something
        Get.back();
      },
    )
  ],
  confirm: true,
);

展示底部菜单

Get.bottomSheet(
  Container(
    child: Wrap(
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.music_note),
          title: Text('Music'),
          onTap: () => {},
        ),
        ListTile(
          leading: Icon(Icons.photo),
          title: Text('Photo'),
          onTap: () => {},
        ),
        ListTile(
          leading: Icon(Icons.videocam),
          title: Text('Video'),
          onTap: () => {},
        ),
      ],
    ),
  ),
);

定制对话框

Get.dialog(
  Container(
    child: Padding(
      padding: const EdgeInsets.all(8.0),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Text("Dialog Title"),
          SizedBox(
            height: 10,
          ),
          Text("This is a custom dialog box."),
          SizedBox(
            height: 24,
          ),
          ElevatedButton(
            onPressed: () {
              Get.back();
            },
            child: Text("Close"),
          ),
        ],
      ),
    ),
  ),
);

结语

Flutter GetX 对话框是一个非常强大的工具，它使得创建和使用标准化的对话框组件变得非常容易。它的灵活性和自定义性也使得它成为一个非常好的选择。希望这篇文章能够帮助您更好地了解 Flutter GetX 对话框。