Flutter: save position indicator of slider image whenever change screen - flutter

Question

I'm trying to save a position of indicator slider image, when I change to another page, the position of image works, but the indicator is not. I use PageStorage key to save the position. This is where I place a list of slider image:
body: PageStorage(
bucket: bucketGlobal,
child: ListView.builder(
itemBuilder: (context, index) {
return ItemFeed(
userModel: DataDefault.userModelDemo,
index: index,
);
},
itemCount: DataDefault.userModelDemo.length,
key: PageStorageKey<String>('listFeed'),
shrinkWrap: true,
padding: EdgeInsets.all(5),
scrollDirection: Axis.vertical,
),
),
);
And this is the code for its item:
Widget buildFeedItem(List userModel, int index, String text) {
return Column(
children: [
//header
Row(
children: [
CircleAvatar(
backgroundImage: AssetImage(
userModel[index]['userAvaUrl'],
),
),
SizedBox(
width: 5,
),
Text(
userModel[index]['userName'],
),
],
),
SizedBox(
height: 15,
),
//image post
GestureDetector(
onDoubleTap: () {
setState(() {
isLikeAnimating = true;
isHeartAnimating = true;
});
},
child: Stack(
alignment: Alignment.center,
children: [
// list postUrl
SliderImage(
onPageChange: (index, reason) {
setState(() {
currentIndex = index;
});
},
controller: sliderController,
key: PageStorageKey<String>('listFeed'),
listPost: userModel[index]['postUrl'],
),
Positioned(
top: 0,
right: 10,
child: Container(
margin: EdgeInsets.only(
top: 10,
),
padding: EdgeInsets.all(10),
decoration: BoxDecoration(
color: blackColor.withOpacity(0.6),
borderRadius: BorderRadius.circular(20),
),
child: Text(
(currentIndex + 1).toString() +
'/' +
userModel[index]['postUrl'].length.toString(),
key: PageStorageKey<String>('listFeed'),
style: TextStyle(
color: primaryColor,
),
),
),
),
AnimatedOpacity(
duration: const Duration(milliseconds: 200),
opacity: isLikeAnimating ? 1 : 0,
child: LikeAnimation(
isAnimating: isLikeAnimating,
child: Icon(
Icons.favorite,
color: isHeartAnimating ? errorColor : primaryColor,
size: 100,
),
duration: const Duration(
milliseconds: 400,
),
onEnd: () {
setState(() {
isLikeAnimating = false;
});
},
),
),
],
),
),
SizedBox(
height: 10,
),
Container(
// color: blueColor,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
//icon like
CustomIcon(
child: Icon(
isHeartAnimating
? Icons.favorite_rounded
: Icons.favorite_border,
color: isHeartAnimating ? errorColor : blackColor,
size: 30,
),
onPress: () {
setState(() {
isLikeAnimating = true;
isHeartAnimating = !isHeartAnimating;
});
},
isAnimating: isLikeAnimating,
onEnd: () {
setState(
() {
isLikeAnimating = false;
},
);
},
),
SizedBox(
width: 10,
),
//icon comment
CustomIcon(
child: Icon(
Icons.chat_bubble_outline,
color: blackColor,
size: 30,
),
onPress: () {
setState(() {
isCommentAnimating = true;
});
},
isAnimating: isCommentAnimating,
onEnd: () {
setState(
() {
isCommentAnimating = false;
},
);
},
),
SizedBox(
width: 10,
),
//icon share
CustomIcon(
child: Icon(
Icons.send,
color: blackColor,
size: 30,
),
onPress: () {
setState(() {
isShareAnimating = true;
});
},
isAnimating: isShareAnimating,
onEnd: () {
setState(
() {
isShareAnimating = false;
},
);
},
),
Spacer(),
Align(
alignment: Alignment.center,
child: AnimatedSmoothIndicator(
activeIndex: currentIndex,
count: userModel[index]['postUrl'].length,
effect: WormEffect(
activeDotColor: blueColor,
dotColor: secondaryColor.withOpacity(0.4),
dotHeight: 5,
dotWidth: 5,
spacing: 2.0,
),
),
),
Spacer(),
],
),
),
],
);
}
#override
Widget build(BuildContext context) {
return Container(
key: PageStorageKey<String>('listFeed'),
child: buildFeedItem(
widget.userModel,
widget.index,
'CC',
),
);
}
Why does the slider image work but the indicator is not?
How can I fix it? Please help