获取特定数据后如何更新ListView？

如何解决获取特定数据后如何更新ListView？

我遇到过这个问题，

• 我使用此 _openFile 函数读取文件。阅读后，我想使用提取的数据更新 ListView。但是我找不到在执行 _openFile 后重置 ListView 状态的方法。

有什么帮助吗？

class ListTest extends StatefulWidget {
      @override
      _ListTestState createState() => _ListTestState();
    }

class _ListTestState extends State<ListTest> {

  List<XFile> _files = [];

  Future <List<XFile>> _openFile(BuildContext context) async {
    final XTypeGroup pngTypeGroup = XTypeGroup(
      label: 'PNGs',extensions: ['png'],);
    _files = await openFiles(acceptedTypeGroups: [
      pngTypeGroup,]);
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        RaisedButton(
          color: Colors.blue,textColor: Colors.white,child: Text('Press to open images (png)'),onpressed: () {
              _openFile(context);
            );
          }
        ),Expanded(
          child: ListView.builder(
            itemCount: _files.length,itemBuilder: (context,index) {
              return Text(_files[index].path);
            },),],);
  }
}

解决方法

您需要调用 setState 来重建小部件。我建议您阅读this。

您可以尝试以下操作：

   var _newFiles = await openFiles(acceptedTypeGroups: [
    pngTypeGroup,]);
  setState(() {
    _files = _newFiles;
  });