Improved modalbottomsheets with low height

This commit is contained in:
Juan Gilsanz Polo 2022-10-21 04:03:14 +02:00
parent 88235a8ecc
commit 3552bbced6
3 changed files with 170 additions and 158 deletions

View file

@ -130,7 +130,11 @@ class ManagementModal extends StatelessWidget {
), ),
child: Column( child: Column(
children: [ children: [
Column( Expanded(
child: ListView(
physics: 540 < MediaQuery.of(context).size.height
? const NeverScrollableScrollPhysics()
: null,
children: [ children: [
const Padding( const Padding(
padding: EdgeInsets.only(top: 24), padding: EdgeInsets.only(top: 24),
@ -143,6 +147,7 @@ class ManagementModal extends StatelessWidget {
padding: const EdgeInsets.symmetric(vertical: 24), padding: const EdgeInsets.symmetric(vertical: 24),
child: Text( child: Text(
AppLocalizations.of(context)!.manageServer, AppLocalizations.of(context)!.manageServer,
textAlign: TextAlign.center,
style: const TextStyle( style: const TextStyle(
fontSize: 22 fontSize: 22
), ),
@ -180,6 +185,7 @@ class ManagementModal extends StatelessWidget {
), ),
], ],
), ),
),
Padding( Padding(
padding: const EdgeInsets.all(24), padding: const EdgeInsets.all(24),
child: Row( child: Row(

View file

@ -119,6 +119,12 @@ class _LogsConfigModalWidgetState extends State<LogsConfigModalWidget> {
case 1: case 1:
return Column( return Column(
children: [
Expanded(
child: ListView(
physics: 450 < MediaQuery.of(context).size.height
? const NeverScrollableScrollPhysics()
: null,
children: [ children: [
const Padding( const Padding(
padding: EdgeInsets.only(top: 28), padding: EdgeInsets.only(top: 28),
@ -130,6 +136,7 @@ class _LogsConfigModalWidgetState extends State<LogsConfigModalWidget> {
const SizedBox(height: 20), const SizedBox(height: 20),
Text( Text(
AppLocalizations.of(context)!.logsSettings, AppLocalizations.of(context)!.logsSettings,
textAlign: TextAlign.center,
style: const TextStyle( style: const TextStyle(
fontSize: 24 fontSize: 24
), ),
@ -217,10 +224,9 @@ class _LogsConfigModalWidgetState extends State<LogsConfigModalWidget> {
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
), ),
), ),
Expanded( ],
child: Column( ),
mainAxisAlignment: MainAxisAlignment.end, ),
children: [
Padding( Padding(
padding: const EdgeInsets.all(20), padding: const EdgeInsets.all(20),
child: Row( child: Row(
@ -266,9 +272,6 @@ class _LogsConfigModalWidgetState extends State<LogsConfigModalWidget> {
), ),
) )
], ],
),
)
],
); );
case 2: case 2:

View file

@ -179,6 +179,12 @@ class _LogsFiltersModalWidgetState extends State<LogsFiltersModalWidget> {
) )
), ),
child: Column( child: Column(
children: [
Expanded(
child: ListView(
physics: 380 < MediaQuery.of(context).size.height
? const NeverScrollableScrollPhysics()
: null,
children: [ children: [
const Padding( const Padding(
padding: EdgeInsets.only( padding: EdgeInsets.only(
@ -192,15 +198,12 @@ class _LogsFiltersModalWidgetState extends State<LogsFiltersModalWidget> {
), ),
Text( Text(
AppLocalizations.of(context)!.filters, AppLocalizations.of(context)!.filters,
textAlign: TextAlign.center,
style: const TextStyle( style: const TextStyle(
fontSize: 24 fontSize: 24
), ),
), ),
const SizedBox(height: 20), const SizedBox(height: 20),
Expanded(
child: ListView(
physics: const NeverScrollableScrollPhysics(),
children: [
Padding( Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20), padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
child: Row( child: Row(