![](/img/trans.png)
[英]SliverChildBuilderDelegate Not rebuilding its children when the data is changed using setState
[英]ListView not rebuilding when returned to screen even after using setState()?
我有一个根据文件夹中文件数填充的列表。 在应用程序启动时,它会按预期正确地构建我的列表。
但是在新的笔记屏幕上,用户可以选择在这个文件夹中保存笔记。 当我回到这个屏幕时,列表不会根据添加的这个新文件重建。 当我关闭应用程序并重新启动时,该文件显示在我的列表中。
遵循这个答案: 是否可以使用 navigator.pop 刷新或重新加载页面...例如第 1 (nav.push=>2) 页到第 2 页并从第 2 (nav.pop, value) 返回到第 1 页? 我将.then()
与Navigator.push
一起使用并在setState()
中重建了我的列表,但它仍然没有更新。
我究竟做错了什么? 下面是我的代码:
class _HomeListViewState extends State<HomeListView> {
Directory easyDir;
var txtList;
@override
void initState(){
super.initState();
easyDir = Directory(widget.folderPath);
buildTxtList();
}
void buildTxtList(){
//list of paths of my txt files in the folder
txtList = easyDir
.listSync()
.map((item) => item.path)
.where((item) => item.endsWith(".txt"))
.toList();
}
@override
Widget build(BuildContext context) {
print(txtList.length);
return ListView.builder(
itemCount: txtList.length,
padding: EdgeInsets.all(10.0),
itemBuilder: (context, index){
File file = new File(txtList[index]);
String name = file.path.split('/').last;
return Card(
color: (index % 2 == 0) ? Colors.grey.shade300 : Colors.white,
shadowColor: Colors.teal,
elevation: 7.0,
child: ListTile(
leading: Icon(Icons.assignment),
title: Text(name),
trailing: Icon(Icons.keyboard_arrow_right),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => NoteEditScreen(
txtPath: file.path,
),
),
).then((value) {
setState(() {
buildTxtList();
});
});
},
onLongPress: () => print('list tile long pressed'),
),
);
},
);
}
}
实现此目的的一种方法是将 function 传递给NoteEditScreen() ,它将在主屏幕中触发回调以重建它(我们已经可以使用buildTxtList function 或仅为它创建一个新的)
void buildTxtList() {
txtList = easyDir
.listSync()
.map((item) => item.path)
.where((item) => item.endsWith(".txt"))
.toList();
setState(() {}); // To rebuild the Widget
}
然后传下去
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
NoteEditScreen(onPressed: buildTxtList),
),
);
然后在NoteEditScreen中,首先声明属性,最后在AppBar 中调用它。
注意:您不必在 AppBar 的前导属性中调用 function,您可以在他们完成将注释保存在文件夹中时调用它。
final Function onPressed;
NoteEditScreen({this.onPressed});
appBar: AppBar(
title: Text("Screen 2"),
leading: IconButton(
icon: Icon(Icons.arrow_back),
onPressed: () {
onPressed();
Navigator.pop(context);
}
)
),
注意:您绝对应该看看这两个谈论使用setState(() {})
空集 state 的帖子有什么意义?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.