Skip to content

Commit

Permalink
Update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
@cp-sneha-s
cp-sneha-s committed Jan 16, 2024
1 parent dc5dec3 commit fbad7d8
Showing 1 changed file with 72 additions and 41 deletions.
113 changes: 72 additions & 41 deletions example/lib/home_page.dart
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import 'dart:ui';

import 'package:example/utils/extension.dart';
import 'package:example/utils/item_card.dart';
import 'package:example/utils/item_tile.dart';
Expand All @@ -21,7 +23,7 @@ class HomePage extends StatefulWidget {
class _HomePageState extends State<HomePage> {
AnimationType appliedStyle = AnimationType.fadeIn;
List<User> list =
List.generate(8, (index) => User(name: "User $index", index: index));
List.generate(8, (index) => User(name: "User $index", index: index));
int addedNumber = 9;
bool isGrid = true;

Expand Down Expand Up @@ -55,7 +57,7 @@ class _HomePageState extends State<HomePage> {
iconEnabledColor: Colors.black87,
value: appliedStyle,
items:
AnimationType.values.map((AnimationType animationType) {
AnimationType.values.map((AnimationType animationType) {
return DropdownMenuItem<AnimationType>(
value: animationType,
child: Text(
Expand All @@ -73,7 +75,7 @@ class _HomePageState extends State<HomePage> {
}
animations = [];
AnimationEffect animation =
AnimationProvider.buildAnimation(animationType);
AnimationProvider.buildAnimation(animationType);
animations.add(animation);
setState(() {
appliedStyle = animationType;
Expand Down Expand Up @@ -130,7 +132,7 @@ class _HomePageState extends State<HomePage> {
)),
ElevatedButton(
style:
ElevatedButton.styleFrom(backgroundColor: Colors.teal),
ElevatedButton.styleFrom(backgroundColor: Colors.teal),
onPressed: () {
setState(() {
if (isGrid != true) {
Expand All @@ -154,28 +156,29 @@ class _HomePageState extends State<HomePage> {
Expanded(
child: isGrid
? AnimatedReorderableGridView(
items: list,
scrollDirection: Axis.vertical,
itemBuilder: (BuildContext context, int index) {
return ItemCard(
key: Key(list[index].name),
index: list[index].index);
},
sliverGridDelegate:
const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 4),
enterTransition: animations,
exitTransition: animations,
insertDuration: const Duration(milliseconds: 300),
removeDuration: const Duration(milliseconds: 300),
onReorder: (int oldIndex, int newIndex) {
setState(() {
final User user = list.removeAt(oldIndex);
list.insert(newIndex, user);
});
},
items: list,
scrollDirection: Axis.vertical,
itemBuilder: (BuildContext context, int index) {
return ItemCard(
key: Key(list[index].name),
index: list[index].index);
},
sliverGridDelegate:
const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 4),
enterTransition: animations,
exitTransition: animations,
insertDuration: const Duration(milliseconds: 300),
removeDuration: const Duration(milliseconds: 300),
onReorder: (int oldIndex, int newIndex) {
setState(() {
final User user = list.removeAt(oldIndex);
list.insert(newIndex, user);
});
},
proxyDecorator: proxyDecorator

/* A custom builder that is for inserting items with animations.
/* A custom builder that is for inserting items with animations.
insertItemBuilder: (Widget child, Animation<double> animation){
return ScaleTransition(
Expand All @@ -186,7 +189,7 @@ class _HomePageState extends State<HomePage> {
*/
/* A custom builder that is for removing items with animations.
/* A custom builder that is for removing items with animations.
removeItemBuilder: (Widget child, Animation<double> animation){
return ScaleTransition(
Expand All @@ -195,19 +198,27 @@ class _HomePageState extends State<HomePage> {
);
},
*/
)
: AnimatedListView(
items: list,
itemBuilder: (BuildContext context, int index) {
return ItemTile(
key: Key(list[index].name),
index: list[index].index);
},
enterTransition: animations,
exitTransition: animations,
insertDuration: const Duration(milliseconds: 300),
removeDuration: const Duration(milliseconds: 300),
/* A custom builder that is for inserting items with animations.
)
: AnimatedReorderableListView(
items: list,
itemBuilder: (BuildContext context, int index) {
return ItemTile(
key: Key(list[index].name),
index: list[index].index);
},
enterTransition: animations,
exitTransition: animations,
insertDuration: const Duration(milliseconds: 300),
removeDuration: const Duration(milliseconds: 300),
onReorder: (int oldIndex, int newIndex) {
setState(() {
final User user = list.removeAt(oldIndex);
list.insert(newIndex, user);
});
},
proxyDecorator: proxyDecorator

/* A custom builder that is for inserting items with animations.
insertItemBuilder: (Widget child, Animation<double> animation){
return ScaleTransition(
Expand All @@ -218,7 +229,7 @@ class _HomePageState extends State<HomePage> {
*/
/* A custom builder that is for removing items with animations.
/* A custom builder that is for removing items with animations.
removeItemBuilder: (Widget child, Animation<double> animation){
return ScaleTransition(
Expand All @@ -227,14 +238,34 @@ class _HomePageState extends State<HomePage> {
);
},
*/
),
),
),
],
),
));
}
}

Widget proxyDecorator(Widget child, int index,
Animation<double> animation) {
return AnimatedBuilder(
animation: animation,
builder: (BuildContext context, Widget? child) {
final double animValue =
Curves.easeInOut.transform(animation.value);
final double elevation =
lerpDouble(0, 6, animValue)!;
return Material(
elevation: elevation,
color: Colors.grey,
shadowColor: Colors.black,
child: child,
);
},
child: child,
);
},

enum AnimationType {
fadeIn,
flipInY,
Expand Down

0 comments on commit fbad7d8

Please sign in to comment.