我有一个PageView,它处理三个不同长度的数据列表。清单一有一项,清单二有两项,清单三有三项。以下是正在发生的事情。
g 211
在使用WidgetsBinding.instance.addPostFrameCallback(...)构建jumpToPage(2)之后,我尝试调用PageView (2)在构建方法中,认为PageController正在某个地方读取旧的itemCount =2值。那不起作用。
如何使jumpToPage(2)基于新的PageView itemCount =3工作?
这是我的密码。我已经尽力让它尽可能简单了。
import 'package:flutter/material.dart';
class HomePage2 extends StatefulWidget {
@override
_HomePage2State createState() => _HomePage2State();
}
class _HomePage2State extends State<HomePage2> {
List<Map<String, dynamic>> following = [
{'title': 'Page 1 of 1 following', 'color': Colors.purple.value},
];
List<Map<String, dynamic>> suggested = [
{'title': 'Page 1 of 2 suggested', 'color': Colors.purple.value},
{'title': 'Page 2 of 2 suggested', 'color': Colors.red.value},
];
List<Map<String, dynamic>> trending = [
{'title': 'Page 1 of 3 trending', 'color': Colors.purple.value},
{'title': 'Page 2 of 3 trending', 'color': Colors.red.value},
{'title': 'Page 3 of 3 trending', 'color': Colors.orange.value},
];
String currentFeed = 'suggested';
int followingCurrentPosition = 0;
int suggestedCurrentPosition = 0;
int trendingCurrentPosition = 0;
PageController _pageController;
@override
void initState() {
super.initState();
_pageController = PageController();
}
@override
void dispose() {
_pageController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
print('build');
WidgetsBinding.instance.addPostFrameCallback(
(_) => _pageController.jumpToPage(getCurrentFeedPosition()));
return Scaffold(
body: PageView.builder(
itemCount: getCurrentFeed().length,
scrollDirection: Axis.vertical,
controller: _pageController = PageController(viewportFraction: 1),
itemBuilder: (context, index) {
print('PageView itemBuilder');
return Container(
color: Color(getCurrentFeed()[index]['color']),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Text(getCurrentFeed()[index]['title']),
),
Center(
child: RaisedButton(
onPressed: () => changeCurrentFeed(),
child: Text('Change Feed'),
),
),
],
),
);
},
),
);
}
void changeCurrentFeed() {
setState(
() {
if (currentFeed == 'following') {
followingCurrentPosition = _pageController.page.floor();
currentFeed = 'suggested';
} else if (currentFeed == 'suggested') {
suggestedCurrentPosition = _pageController.page.floor();
currentFeed = 'trending';
} else {
trendingCurrentPosition = _pageController.page.floor();
currentFeed = 'following';
}
},
);
}
List<Map<String, dynamic>> getCurrentFeed() {
if (currentFeed == 'following') {
return following;
} else if (currentFeed == 'suggested') {
return suggested;
} else {
return trending;
}
}
int getCurrentFeedPosition() {
if (currentFeed == 'following') {
return followingCurrentPosition;
} else if (currentFeed == 'suggested') {
return suggestedCurrentPosition;
} else {
return trendingCurrentPosition;
}
}
}
发布于 2020-09-15 15:39:14
这种行为似乎是由于每次构建时调用PageView itemBuilder不止一次而引起的。其他人也有这个问题,但我无法找到解决办法。最后,我对每个列表使用了一个单独的PageView,而不是尝试对多个列表使用一个PageView。帮我修好了。
https://stackoverflow.com/questions/63888943
复制相似问题