主页 / coding / 问题 / 79220157
Accepted
Irfan Ganatra
Asked: 2024-11-24 21:25:57 +0800 CST

如何获取 showModalBottomshet 的高度以使子窗口小部件在 Flutter 中居中对齐？

  • 772

如何获取底部表单高度以在中心显示小部件。

点击按钮时，我会使用列表视图生成器显示可用记录的模态底表。它工作正常，但如果没有数据，我想在模态底表的中心显示文本（“无可用数据”）。我已经使用了中心小部件，但它仍然显示在底表的顶部。在这里我不知道如何获取模态底表的高度。

这是我的代码

DraggableScrollableSheet(
            initialChildSize: 0.8,
            minChildSize: 0.4,
            maxChildSize: 1,
            builder: (_, controller) => Container(
              decoration:  BoxDecoration(
                  color: MyHelper.isDarkMode(context)?Colors.black:Colors.white,
                  borderRadius: const BorderRadius.only(
                      topRight: Radius.circular(20),
                      topLeft: Radius.circular(20),
                  )
              ),
        
        
                  padding: const EdgeInsets.all(MySizes.sm),
                  child: ListView(
                    controller: controller,
                    children: [
  Text('Showing all records'),

                      


     

                    len == 0 ? const Center(
                        child: Text('No Records'),)
                          : Padding(
                            padding: const EdgeInsets.symmetric(horizontal: MySizes.sm),
                            child: ListView.separated(
                                shrinkWrap: true,
                                physics: const NeverScrollableScrollPhysics(),
                                itemCount: fetchTransactionByDate(
                                        daySummeryModel.dateTime)
                                    .length,
                                separatorBuilder: (_,__)=>SizedBox(),
                                itemBuilder: (context, index) {
                                  final transaction = fetchTransactionByDate(
                                      daySummeryModel.dateTime)[index];
                                  return RecentTransactionCard(
                                    transactionModel: transaction,
                                  );
                                }),
                          )
                    ],
                  ),
                ))
flutter

1 个回答

  1. Best Answer

    我会改变你的做事方式：这里是另一种方式：

                     padding: const EdgeInsets.all(10),
                      child:  0 == 0 ? Column(
                        children: [
                          Align(child: Text('Showing all records'), alignment: Alignment.topLeft,),
                          Expanded(
                            child: const Center(
                              child: Text('No Records'),),
                          ),
                        ],
                      )
                          :ListView(
                        controller: controller,
                        children: [
                          Text('Showing all records'),
    
                          Padding(
                            padding: const EdgeInsets.symmetric(horizontal: 10),
                            child: Container()
                          )
                        ],
                      ),
                    )),
              ),

    结果： 在此处输入图片描述

    • 2

相关问题