Como fazer com que a altura da folha inferior seja exibida para que o widget fique no centro.
ao tocar no botão, estou mostrando modalbottomsheet para registros disponíveis com o construtor listview. Está funcionando bem, mas se não houver dados, quero mostrar Text('Nenhum dado disponível') no centro da planilha inferior modal. Usei o widget Central, mas ele ainda está sendo exibido na parte superior da planilha inferior. Aqui, não sei como obter a altura da planilha inferior modal.
aqui está meu código
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,
);
}),
)
],
),
))
Eu mudaria o que você está fazendo: Aqui está outra maneira de fazer:
O resultado: