fix(mobile): make elements scrollable to avoid overflow in landscale (#7933)

fix(mobile): make elements scrollable to avoid overflow in landscape
This commit is contained in:
thielepaul 2024-03-14 13:28:18 +01:00 committed by GitHub
parent 2f78bff97c
commit 428b7b0c4e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 14 additions and 13 deletions

View File

@ -211,8 +211,8 @@ class AlbumViewerAppbar extends HookConsumerWidget
return SafeArea( return SafeArea(
child: Padding( child: Padding(
padding: const EdgeInsets.only(top: 24.0), padding: const EdgeInsets.only(top: 24.0),
child: Column( child: ListView(
mainAxisSize: MainAxisSize.min, shrinkWrap: true,
children: [ children: [
...buildBottomSheetActions(), ...buildBottomSheetActions(),
if (onAddPhotos != null) ...commonActions, if (onAddPhotos != null) ...commonActions,

View File

@ -142,6 +142,7 @@ class AlbumOptionsPage extends HookConsumerWidget {
buildSharedUsersList() { buildSharedUsersList() {
return ListView.builder( return ListView.builder(
primary: false,
shrinkWrap: true, shrinkWrap: true,
itemCount: sharedUsers.value.length, itemCount: sharedUsers.value.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
@ -188,9 +189,7 @@ class AlbumOptionsPage extends HookConsumerWidget {
centerTitle: true, centerTitle: true,
title: Text("translated_text_options".tr()), title: Text("translated_text_options".tr()),
), ),
body: Column( body: ListView(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
if (isOwner && album.shared) if (isOwner && album.shared)
SwitchListTile.adaptive( SwitchListTile.adaptive(

View File

@ -63,8 +63,7 @@ class SelectAdditionalUserForSharingPage extends HookConsumerWidget {
), ),
); );
} }
return Column( return ListView(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Wrap( Wrap(
children: [...usersChip], children: [...usersChip],
@ -81,6 +80,7 @@ class SelectAdditionalUserForSharingPage extends HookConsumerWidget {
), ),
), ),
ListView.builder( ListView.builder(
primary: false,
shrinkWrap: true, shrinkWrap: true,
itemBuilder: ((context, index) { itemBuilder: ((context, index) {
return ListTile( return ListTile(

View File

@ -90,8 +90,7 @@ class SelectUserForSharingPage extends HookConsumerWidget {
), ),
); );
} }
return Column( return ListView(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Wrap( Wrap(
children: [...usersChip], children: [...usersChip],
@ -108,6 +107,7 @@ class SelectUserForSharingPage extends HookConsumerWidget {
).tr(), ).tr(),
), ),
ListView.builder( ListView.builder(
primary: false,
shrinkWrap: true, shrinkWrap: true,
itemBuilder: ((context, index) { itemBuilder: ((context, index) {
return ListTile( return ListTile(

View File

@ -428,10 +428,8 @@ class SharedLinkEditPage extends HookConsumerWidget {
leading: const CloseButton(), leading: const CloseButton(),
centerTitle: false, centerTitle: false,
), ),
resizeToAvoidBottomInset: false,
body: SafeArea( body: SafeArea(
child: Column( child: ListView(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.all(padding), padding: const EdgeInsets.all(padding),
@ -487,7 +485,10 @@ class SharedLinkEditPage extends HookConsumerWidget {
Align( Align(
alignment: Alignment.bottomRight, alignment: Alignment.bottomRight,
child: Padding( child: Padding(
padding: const EdgeInsets.only(right: padding + 10), padding: const EdgeInsets.only(
right: padding + 10,
bottom: padding,
),
child: ElevatedButton( child: ElevatedButton(
onPressed: onPressed:
existingLink != null ? handleEditLink : handleNewLink, existingLink != null ? handleEditLink : handleNewLink,
@ -508,6 +509,7 @@ class SharedLinkEditPage extends HookConsumerWidget {
padding: const EdgeInsets.only( padding: const EdgeInsets.only(
left: padding, left: padding,
right: padding, right: padding,
bottom: padding,
), ),
child: buildNewLinkField(), child: buildNewLinkField(),
), ),