Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用

原创

于 2020-02-11 15:36:16 发布 · 500 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter

本文详细介绍了在Flutter中如何使用AlertDialog、SimpleDialog和showModalBottomSheet创建各种对话框，并探讨了第三方库fluttertoast的集成与应用，展示了在实际项目中的运行效果。

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

main.dart

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        //标题栏
        appBar: AppBar(
          title: Text("Dialog Demo"),
        ),
        //内容区域
        body: DatePickerPubPage(),
      ),
      //主题
      theme: ThemeData(primarySwatch: Colors.red),
    );
  }
}

class DatePickerPubPage extends StatefulWidget {
  @override
  _DatePickerPubPageState createState() => _DatePickerPubPageState();
}

class _DatePickerPubPageState extends State<DatePickerPubPage> {
  void _alertDialog() async {
    var resault = await showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text("提示信息"),
            content: Text("确定要删除吗？"),
            actions: <Widget>[