颤振:不清楚ValueChanged和FutureBuilder

Question

我从我的API得到一些数据。我通过将返回的JSON转换为一些小部件commentairessingle来处理它们。

但是对于我来说有一些不清楚的东西，我猜是关于构建方法。

1. build在每次构建小部件时被调用，包括setState方法。
FutureBuilder用于在完全加载后生成内容。ValueChanged用于将数据从子进程传递给父进程。

所以我的问题是:为什么每次我做一个setState，我的未来是添加原始数据到我的视图?我必须清除初始的listCommentsWidgets是为了有"逻辑"结果(不需要两倍于原来的小部件列表)

class _CommentairesListingState extends State<CommentairesListing> {
List<Commentaire> listComments = [];
Future loadListComments;
List<Widget> listCommentsWidgets = [];
@override
void initState() {
super.initState();
loadListComments = _loadComments();
}
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: loadListComments,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return generateComments();
} else {
return Center(
child: SizedBox(
height: 25,
width: 25,
child: CircularProgressIndicator(),
),
);
}
},
);
}
Future _loadComments() async {
listComments = await MyWS()
.getComs(widget.publication.pubId);
}
Expanded generateComments() {
listCommentsWidgets.clear();
for (Commentaire commentaire in listComments) {
CommentaireSingle single = CommentaireSingle(
...
toRemove: updateCommentaireListing, #ValueChanged
responseTo: widget.responseTo);
listCommentsWidgets.add(single);
}
Column column = Column(
children: listCommentsWidgets,
);
return Expanded(
child: Center(
child: Container(
width: MediaQuery.of(context).size.width * 0.90,
child: SingleChildScrollView(
child: column,
),
),
),
);
}
void updateCommentaireListing(Commentaire commentaire) {
setState(() {
listComments.remove(commentaire);
listCommentsWidgets.clear();
});
}
}

Answer 1

setState每次都被调用，因为它重建您的更新ui。未来无法倾听变量的变化。这是一次性的反应。相反，如果你想每次都省略setState调用，就需要使用Stream。

删除列表项重复

Future _loadComments() async {
listComments = List(); // here add empty list for 
listComments = await MyWS()
.getComs(widget.publication.pubId);
}