我需要从我用 file_picker flutter 选择的文件列表中删除一个文件

Question

https://pub.dev/packages/file_picker i use this package this is part of my code,Like the image I uploaded ،i trying to delete just one file from the list just there is clearCachedFiles method in this package

 ListView.separated(
                       itemCount: _paths != null && _paths!.isNotEmpty ? _paths!.length : 1,
                         itemBuilder: (BuildContext context, int index) {
                         final bool isMultiPath = _paths != null && _paths!.isNotEmpty;
                              final String name = (isMultiPath ? _paths!.map((e) => e.name).toList()[index] : _fileName ?? '...');
                                               final path = kIsWeb ? null : _paths!.map((e) => e.path).toList()[index].toString();

                                               return ListTile(
                                                 leading: GestureDetector(
                                                   onTap: (){
                                                     setState(() {
                                                       _paths!.map((e) => e.path).toList().removeAt(index);
                                                       deleteFile(File(_paths!.map((e) => e.path).toList()[index].toString()));

                                                     });
                                                     if (kDebugMode) {
                                                       print('delete file ' + _paths!.map((e) => e.path).toList()[0].toString());
                                                     }
                                                   },
                                                     child: const Icon(Icons.highlight_remove_rounded,color: Colors.red,)),
                                                   trailing: Text(name),
                                               );
                                              },
                                              separatorBuilder: (BuildContext context, int index) => const Divider(),
                                        )),

and this method use for delete all files in this package
  void _clearCachedFiles() async {
    _resetState();
    try {
      bool? result = await FilePicker.platform.clearTemporaryFiles();
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          backgroundColor: result! ? Colors.green : Colors.red,
          content: Text((result ? 'Temporary files removed with success.' : 'Failed to clean temporary files')),
        ),
      );
    } on PlatformException catch (e) {
      _logException('Unsupported operation' + e.toString());
    } catch (e) {
      _logException(e.toString());
    } finally {
      setState(() => _isLoading = false);
    }
  }

Answer 1

Okay so to remove an item from the list you have to call List.removeAt() function and also has to pass the index of the item inside parenthesis like below:

leading: GestureDetector(
                                                   onTap: (){
                                                      _paths!.removeAt(index); //call this functions to remove item from your list
                                                     setState(() {
                                                       _paths!.map((e) => e.path).toList().removeAt(index);
                                                       deleteFile(File(_paths!.map((e) => e.path).toList()[index].toString()));

                                                     });
                                                     if (kDebugMode) {
                                                       print('delete file ' + _paths!.map((e) => e.path).toList()[0].toString());
                                                     }
                                                   },
                                                     child: const Icon(Icons.highlight_remove_rounded,color: Colors.red,)),
                                                   trailing: Text(name),
                                               );
                                              },
                                              separatorBuilder: (BuildContext context, int index) => const Divider(),
     

                               ))