繁体   English   中英

即使在使用 setState() 后返回屏幕时 ListView 不重建?

[英]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 的帖子有什么意义?

为什么 setState 会关闭?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM