TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mob][photos] Add animation to changes in recommended filter in appbar

Browse Source
This commit is contained in:
ashilkn
2024-10-21 15:44:53 +05:30
parent 8a130b52c2
commit fa076305df
1 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
mobile/lib/ui/viewer/hierarchicial_search/recommended_filters.dart
View File

@@ -54,34 +54,40 @@ class _RecommendedFiltersState extends State<RecommendedFilters> {
padding: const EdgeInsets.only(bottom: 8),
child: SizedBox(
height: kFilterChipHeight,
child: ListView.builder(
itemBuilder: (context, index) {
final filter = _recommendations[index];
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 4),
child: filter is FaceFilter
? FaceFilterChip(
personId: filter.personId,
clusterId: filter.clusterId,
faceThumbnailFile: filter.faceFile,
name: filter.name(),
onTap: () {
_searchFilterDataProvider.applyFilters([filter]);
},
)
: GenericFilterChip(
label: filter.name(),
onTap: () {
_searchFilterDataProvider.applyFilters([filter]);
},
leadingIcon: filter.icon(),
),
);
},
clipBehavior: Clip.none,
scrollDirection: Axis.horizontal,
itemCount: _recommendations.length,
padding: const EdgeInsets.symmetric(horizontal: 4),
child: AnimatedSwitcher(
duration: const Duration(milliseconds: 500),
switchInCurve: Curves.easeInOutExpo,
switchOutCurve: Curves.easeInOutExpo,
child: ListView.builder(
key: ValueKey(_recommendations.length),
itemBuilder: (context, index) {
final filter = _recommendations[index];
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 4),
child: filter is FaceFilter
? FaceFilterChip(
personId: filter.personId,
clusterId: filter.clusterId,
faceThumbnailFile: filter.faceFile,
name: filter.name(),
onTap: () {
_searchFilterDataProvider.applyFilters([filter]);
},
)
: GenericFilterChip(
label: filter.name(),
onTap: () {
_searchFilterDataProvider.applyFilters([filter]);
},
leadingIcon: filter.icon(),
),
);
},
clipBehavior: Clip.none,
scrollDirection: Axis.horizontal,
itemCount: _recommendations.length,
padding: const EdgeInsets.symmetric(horizontal: 4),
),
),
),
);