feat: CustomScrollView in app and patches selector views (#208)

This commit is contained in:
Unknown 2022-09-19 13:57:40 +02:00 committed by GitHub
parent 9bdccb3c9d
commit 2b7287c04c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 190 additions and 169 deletions

View File

@ -66,11 +66,13 @@
"widgetSubtitle": "We are online!"
},
"appSelectorView": {
"viewTitle": "Select application",
"searchBarHint": "Search applications",
"storageButton": "Storage",
"errorMessage": "Unable to use selected application."
},
"patchesSelectorView": {
"viewTitle": "Select patches",
"searchBarHint": "Search patches",
"doneButton": "Done",
"noPatchesFound": "No patches found for the selected app."

View File

@ -31,13 +31,19 @@ class _AppSelectorViewState extends State<AppSelectorView> {
Navigator.of(context).pop();
},
),
body: SafeArea(
body: CustomScrollView(
slivers: [
SliverAppBar(
pinned: true,
floating: true,
snap: false,
title: I18nText('appSelectorView.viewTitle'),
bottom: PreferredSize(
preferredSize: const Size.fromHeight(64.0),
child: Padding(
padding:
const EdgeInsets.symmetric(vertical: 4.0, horizontal: 12.0),
child: Column(
children: <Widget>[
SearchBar(
padding: const EdgeInsets.symmetric(
vertical: 8.0, horizontal: 12.0),
child: SearchBar(
showSelectIcon: false,
hintText: FlutterI18n.translate(
context,
@ -49,16 +55,20 @@ class _AppSelectorViewState extends State<AppSelectorView> {
});
},
),
const SizedBox(height: 12),
Expanded(
),
),
),
SliverToBoxAdapter(
child: model.noApps
? Center(
child: I18nText('appSelectorCard.noAppsLabel'),
)
: model.apps.isEmpty
? const AppSkeletonLoader()
: ListView(
padding: const EdgeInsets.only(bottom: 80),
: Padding(
padding: const EdgeInsets.only(bottom: 80).add(
const EdgeInsets.symmetric(horizontal: 12.0)),
child: Column(
children: model
.getFilteredApps(_query)
.map((app) => InkWell(
@ -75,11 +85,10 @@ class _AppSelectorViewState extends State<AppSelectorView> {
.toList(),
),
),
),
],
),
),
),
),
);
}
}

View File

@ -33,13 +33,19 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
},
),
),
body: SafeArea(
body: CustomScrollView(
slivers: [
SliverAppBar(
pinned: true,
floating: true,
snap: false,
title: I18nText('patchesSelectorView.viewTitle'),
bottom: PreferredSize(
preferredSize: const Size.fromHeight(64.0),
child: Padding(
padding:
const EdgeInsets.symmetric(vertical: 4.0, horizontal: 12.0),
child: Column(
children: <Widget>[
SearchBar(
padding: const EdgeInsets.symmetric(
vertical: 8.0, horizontal: 12.0),
child: SearchBar(
showSelectIcon: true,
hintText: FlutterI18n.translate(
context,
@ -52,8 +58,10 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
},
onSelectAll: (value) => model.selectAllPatches(value),
),
const SizedBox(height: 12),
Expanded(
),
),
),
SliverToBoxAdapter(
child: model.patches.isEmpty
? Padding(
padding: const EdgeInsets.all(8.0),
@ -67,8 +75,10 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
),
),
)
: ListView(
padding: const EdgeInsets.only(bottom: 80),
: Padding(
padding: const EdgeInsets.only(bottom: 80)
.add(const EdgeInsets.symmetric(horizontal: 12.0)),
child: Column(
children: model
.getQueriedPatches(_query)
.map(
@ -168,11 +178,10 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
.toList(),
),
),
),
],
),
),
),
),
);
}
}

View File

@ -10,6 +10,7 @@ class AppSkeletonLoader extends StatelessWidget {
return Skeleton(
isLoading: true,
skeleton: ListView.builder(
shrinkWrap: true,
itemCount: 7,
itemBuilder: (context, index) => Padding(
padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8.0),