alertdialog

AlertDialog弹出时如何禁止背景滚动

小樊
81
2024-09-04 16:47:35
栏目: 编程语言

要在弹出AlertDialog时禁止背景滚动,可以使用WillPopScopeNavigator来实现

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('AlertDialog 示例')),
        body: Home(),
      ),
    );
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  bool _isDialogOpen = false;

  void _showDialog() {
    setState(() {
      _isDialogOpen = true;
    });

    showDialog(
      context: context,
      barrierDismissible: false, // 设置为false,以防止对话框在点击背景时消失
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('提示'),
          content: Text('这是一个AlertDialog'),
          actions:<Widget>[
            FlatButton(
              child: Text('确定'),
              onPressed: () {
                Navigator.of(context).pop();
                setState(() {
                  _isDialogOpen = false;
                });
              },
            )
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        if (_isDialogOpen) {
          // 如果对话框打开,不允许返回
          return false;
        } else {
          // 如果对话框关闭,允许返回
          return true;
        }
      },
      child: Stack(
        children: [
          ListView.builder(
            itemCount: 30,
            itemBuilder: (BuildContext context, int index) {
              return ListTile(title: Text('Item $index'));
            },
          ),
          Positioned(
            bottom: 16,
            right: 16,
            child: FloatingActionButton(
              onPressed: _showDialog,
              child: Icon(Icons.add),
            ),
          ),
        ],
      ),
    );
  }
}

在这个示例中,我们使用WillPopScope来控制返回操作。当对话框打开时,我们不允许用户通过返回按钮关闭对话框。同时,我们使用setState来更新_isDialogOpen变量,以便在对话框打开或关闭时更改其状态。

0
看了该问题的人还看了