我需要從我用 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

好的，要從列表中remove一個項目，您必須調用 List.removeAt List.removeAt() function 並且還必須在parenthesis傳遞項目的索引，如下所示：

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(),
     

                               ))