仅在部分屏幕上显示 Flutter 对话框

Question

在对话框上，barrierDismissible如果要禁用对话框外部的触摸事件，可以设置为 false。然而，可以仅在屏幕的某些部分监听这些触摸事件，例如。AppBar？

我做了一个例子来帮助你理解我的问题。

Answer 1

我们知道一切都是Widget，所以我们可以利用这个属性来创建我们自己的Dialog。有一些可能性可以做你想做的事，但这在很大程度上取决于你的应用程序的动态。我认为它会这样做：

调用对话框如下：

showDialog(
   context: context,
   barrierDismissible: false,
   child: DialogFeelingCalendar(),
);

它使用一个小部件来进行个性化。像这样：

class DialogFeelingCalendar extends StatefulWidget {
     @override
     _DialogFeelingCalendarState createState() => _DialogFeelingCalendarState();
    }

class _DialogFeelingCalendarState extends State<DialogFeelingCalendar> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.transparent,
      appBar: AppBar(
        title: Text(
           "Title",
            style: TextStyle(
              fontWeight: FontWeight.bold,
              color: Colors.white,
            ),
          ),
      ),
      body: SafeArea(
        child: Center(
          child: Container(
            color: Colors.white,
            height: 50,
            width: 50,
          ),
        ),
      )
    );
  }
}

我希望您可以定制它以供您使用。如果您需要更多详细信息，请告诉我。