我有一个小部件,它返回一个ListView.builder,当用户到达列表视图的底部时,将作为小部件的参数传递listview的项目。但是,当加载项目时,itemCount不会更新,如果打印value参数,我会得到正确数量的项目,但是会收到索引错误,其中前值是范围... 这是我的日志:
I/flutter ( 4654): 4
I/flutter ( 4654): 8
════════ Exception caught by widgets library ═══════════════════════════════════════════════════════
The following RangeError was thrown building:
RangeError (index): Invalid value: Not in range 0..3, inclusive: 4
When the exception was thrown, this was the stack:
#0 List.[] (dart:core-patch/growable_array.dart:146:60)
#1 _UsersListViewState.showFollowButton (package:the_spot/services/library/usersListView.dart:167:30)
#2 _UsersListViewState.showResultWidget (package:the_spot/services/library/usersListView.dart:147:43)
#3 _UsersListViewState.build.<anonymous closure> (package:the_spot/services/library/usersListView.dart:75:20)
#4 SliverChildBuilderDelegate.build (package:flutter/src/widgets/sliver.dart:446:22)
...
════════════════════════════════════════════════════════════════════════════════════════════════════
看到第一次加载项目时,它会打印itemCount(4),并且没有发生错误(在我的屏幕上,我也有项目列表),但是当用户向下滚动以更新项目列表时,它会打印新的项目itemCount(8),但范围仍然是4 ...
以下是小部件代码(我删除了不必要的内容):
import 'package:flutter/material.dart';
import 'package:the_spot/pages/home_page/profile.dart';
import 'package:the_spot/services/library/userProfile.dart';
import 'package:the_spot/services/library/configuration.dart';
import '../../theme.dart';
import '../database.dart';
import 'library.dart';
class UsersListView extends StatefulWidget{
final Configuration configuration;
final List<UserProfile> query;
final VoidCallback onBottomListReachedCallback;
const UsersListView({Key key, this.configuration, this.query, this.onBottomListReachedCallback}) : super(key: key);
@override
_UsersListViewState createState() => _UsersListViewState();
}
class _UsersListViewState extends State<UsersListView> {
List<bool> waitForFollowing = [];
List<bool> friendRequestAlreadyDone = [];
List<bool> waitForSendingFriendRequest = [];
bool isLoadingData = false;
@override
void initState() {
super.initState();
waitForFollowing.clear();
widget.query.forEach((element) {
waitForFollowing.add(false);
waitForSendingFriendRequest.add(false);
if (element.pendingFriendsId
.indexOf(widget.configuration.userData.userId) !=
-1) {
friendRequestAlreadyDone.add(true);
} else {
friendRequestAlreadyDone.add(false);
}
});
}
@override
void didUpdateWidget(UsersListView oldWidget) {
super.didUpdateWidget(oldWidget);
isLoadingData = false;
}
@override
Widget build(BuildContext context) {
print(widget.query.length);
return Expanded(
child: NotificationListener<ScrollNotification>(
onNotification: (ScrollNotification scrollInfo){
if (scrollInfo.metrics.pixels == scrollInfo.metrics.maxScrollExtent && isLoadingData == false) {
isLoadingData = true;
widget.onBottomListReachedCallback();
}
return true;
},
child: ListView.builder(
padding: EdgeInsets.fromLTRB(
widget.configuration.screenWidth / 20,
widget.configuration.screenWidth / 40,
widget.configuration.screenWidth / 20,
widget.configuration.screenWidth / 40),
itemCount: widget.query.length,
itemBuilder: (BuildContext context, int itemIndex) {
return showResultWidget(itemIndex);
},
shrinkWrap: false,
),
),
);
}
编辑: 根据要求,如何调用小部件:
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:the_spot/services/database.dart';
import 'package:the_spot/services/library/configuration.dart';
import 'package:the_spot/services/library/userProfile.dart';
import 'package:the_spot/services/library/usersListView.dart';
import 'package:the_spot/theme.dart';
class FollowersFollowingFriendsPage extends StatefulWidget {
final Configuration configuration;
final UserProfile userProfile;
final String type;
const FollowersFollowingFriendsPage(
{Key key, this.configuration, this.userProfile, this.type})
: super(key: key);
@override
_FollowersFollowingFriendsPageState createState() =>
_FollowersFollowingFriendsPageState();
}
class _FollowersFollowingFriendsPageState
extends State<FollowersFollowingFriendsPage> {
bool isWaiting = true;
List<UserProfile> queryResult = [];
Timestamp index = Timestamp.now();
String noResultMessage;
String appBarTitle;
@override
void initState() {
super.initState();
init();
}
void init() async {
switch (widget.type) {
case "Followers":
{
noResultMessage =
"This user haven't been followed by anyone for the moment.";
appBarTitle = "Users following " + widget.userProfile.pseudo;
Map<String, Object> res = await Database().getFollowersOf(context, widget.configuration.userData.userId, widget.userProfile.userId, index, 10);
queryResult.addAll(res['users']);
index = res['lastTimestamp'];
setState(() {
isWaiting = false;
});
}
break;
case "Following":
{
noResultMessage = "This user doesn't follow anyone for the moment.";
appBarTitle = "Users followed by " + widget.userProfile.pseudo;
Map<String, Object> res = await Database().getFollowingOf(context, widget.configuration.userData.userId, widget.userProfile.userId, index, 4);
queryResult.addAll(res['users']);
index = res['lastTimestamp'];
setState(() {
isWaiting = false;
});
}
break;
case "Friends":
{
noResultMessage = "This user hasn't added friends yet.";
appBarTitle = "Friends of " + widget.userProfile.pseudo;
queryResult = await Database().getUsersByIds(context, widget.userProfile.friends, verifyIfFriendsOrFollowed: true, mainUserId: widget.userProfile.userId);
setState(() {
isWaiting = false;
});
}
break;
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: PrimaryColorDark,
appBar: AppBar(title: Text(appBarTitle),),
body: Column(
children: <Widget>[
showQueryResultsWidget(),
],
),
);
}
Widget showQueryResultsWidget() {
if (isWaiting)
return Padding(
padding: EdgeInsets.only(top: widget.configuration.screenWidth / 20),
child: Center(
child: CircularProgressIndicator(),
));
else if (queryResult.length == 0 || queryResult == null)
return Padding(
padding: EdgeInsets.only(top: widget.configuration.screenWidth / 20),
child: Center(child: Text(noResultMessage)),
);
else
return UsersListView(
configuration: widget.configuration,
query: queryResult,
onBottomListReachedCallback: init,
);
}
}
答案 0 :(得分:0)
您必须调用一种queryResult.addAll(res['users']);
方法的setState
方法来更新已渲染的窗口小部件。
当前,您的结果已添加到queryResults
数组中,但不会触发ListView
小部件的重新生成,因为您必须在setState()
方法内调用它。
void init() async {
switch (widget.type) {
case "Followers":
....
setState((){
queryResult.addAll(res['users']);
...
});
答案 1 :(得分:0)
该错误是由我的列表而不是listView引起的,我只是忘记了在didUpdate的initState中调用了所有代码。