顫振顯示對話框

我想在對話框上方添加文本，如下圖所示（在屏障上）

這是我要修改為如圖所示的對話框的代碼請幫我解決我的問題。

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          child: const Text("Show Dialog"),
          onPressed: () {
            showDialog(
              context: context,
              barrierColor: Colors.black.withOpacity(0.8),
              builder: (BuildContext context) => StatefulBuilder(builder: (context, setState) => LayoutBuilder(
                  builder: (context, constraints) {
                    return Dialog(
                      insetPadding: EdgeInsets.symmetric(horizontal: 15.w, vertical: 10.h),
                      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
                      child: DecoratedBox(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(15),
                          gradient: LinearGradient(
                            colors: [
                              const Color(0xFFE64978),
                              const Color(0xFFed8c41).withOpacity(0.5),
                              Colors.white.withOpacity(0.1),
                              Colors.white,
                            ],
                            begin: Alignment.topCenter,
                            end: Alignment.bottomCenter,
                          ),
                        ),
                        child: SingleChildScrollView(
                          physics: const BouncingScrollPhysics(),
                          child: Padding(
                            padding: EdgeInsetsDirectional.only(top: 25.h,bottom: 10.h),
                            child: Column(
                              mainAxisSize: MainAxisSize.min,
                              children: [
                                const DialogTitleWidget(),
                                SizedBox(height: 10.h),
                                DialogPageViewWidget(controller: controller, dialogModelList: dialogModelList,constraints: constraints),
                                SizedBox(height: 10.h),
                                DialogPageIndicatorWidget(controller: controller, dialogModelList: dialogModelList),
                                SizedBox(height: 20.h),
                                const DialogContent(),
                              ],
                            ),
                          ),
                        ),
                      ),
                    );
                  },
                ),
              ),
            );
          },
        ),
      ),
    );
  }

當我最小化螢屏或旋轉手機螢屏時出現另一個問題（當尺寸改變時出現問題）

uj5u.com熱心網友回復：

您可以回傳Column并LayoutBuilder添加一個 Text 小部件作為它的第一個孩子。它還需要在打開時用材質小部件包裹showDialog。

builder: (BuildContext context) => StatefulBuilder(
  builder: (context, setState) => LayoutBuilder(
    builder: (context, constraints) {
      return Column(
        children: [
          Material(
            color: Colors.transparent,
            child: Text(
                "Extra text will be here",
                 textAlign: TextAlign.center,                 
                  ),
          ),
          Dialog(
            insetPadding: EdgeInsets.symmetric(

您可以使用

標籤：扑 颤振布局 颤动动画

上一篇：在FLUTTER中進行發布申請時，我沒有收到API的回應

下一篇：如何在flutter中成功登錄后禁用用戶回傳