Fix #72: iOS can not pick media files (image, video) in client mode

Signed-off-by: huynguyennovem <huynguyennovem@gmail.com>

Author: huynguyennovem

lib/ui/send/file_type_chooser.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:netshare/config/styles.dart';
+
+class FileTypeChooser extends StatefulWidget {
+  const FileTypeChooser({super.key, required this.onSelectedType});
+  final Function(int) onSelectedType;
+
+  @override
+  State<FileTypeChooser> createState() => _FileTypeChooserState();
+}
+
+class _FileTypeChooserState extends State<FileTypeChooser> {
+  int _fileType = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const Text(
+            'Select source',
+            style: CommonTextStyle.textStyleNormal,
+          ),
+          RadioListTile(
+            title: const Row(
+              children: [
+                Icon(Icons.perm_media),
+                SizedBox(width: 8.0),
+                Text('Media'),
+              ],
+            ),
+            value: 0,
+            groupValue: _fileType,
+            onChanged: (value) {
+              setState(() {
+                _fileType = value ?? 0;
+              });
+            },
+          ),
+          RadioListTile(
+            title: const Row(
+              children: [
+                Icon(Icons.file_copy_rounded),
+                SizedBox(width: 8.0),
+                Text('File'),
+              ],
+            ),
+            value: 1,
+            groupValue: _fileType,
+            onChanged: (value) {
+              setState(() {
+                _fileType = value ?? 1;
+              });
+            },
+          ),
+          Container(
+            margin: const EdgeInsets.symmetric(vertical: 8.0),
+            child: FloatingActionButton.extended(
+              onPressed: () => widget.onSelectedType.call(_fileType),
+              label: Text(
+                '   Select   ',
+                style: CommonTextStyle.textStyleNormal.copyWith(color: textIconButtonColor),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/ui/send/send_widget.dart

@@ -1,3 +1,5 @@
+import 'dart:io';
+
 import 'package:desktop_drop/desktop_drop.dart';
 import 'package:flutter/material.dart';
 import 'package:file_picker/file_picker.dart';
@@ -9,6 +11,7 @@ import 'package:netshare/entity/shared_file_entity.dart';
 import 'package:netshare/provider/file_provider.dart';
 import 'package:netshare/ui/common_view/empty_widget.dart';
 import 'package:netshare/ui/list_file/file_tile_upload.dart';
+import 'package:netshare/ui/send/file_type_chooser.dart';
 import 'package:netshare/util/extension.dart';
 import 'package:netshare/util/utility_functions.dart';
 import 'package:path/path.dart' as path;
@@ -243,15 +246,40 @@ class _SendWidgetState extends State<SendWidget> {
   );
 
   void _pickFile() async {
-    FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true);
+    FileType type = FileType.any;
+    if(Platform.isIOS) {
+      // asking pick file or media
+      showModalBottomSheet(
+        showDragHandle: true,
+        context: context,
+        shape: const RoundedRectangleBorder(
+            borderRadius: BorderRadius.vertical(top: Radius.circular(20))),
+        builder: (context) =>
+            FileTypeChooser(
+              onSelectedType: (selectedType) {
+                if (selectedType == 0) {
+                  type = FileType.media;
+                }
+                Navigator.pop(context);
+                _processPickingFile(type);
+              },
+            ),
+      );
+    } else {
+      _processPickingFile(type);
+    }
+  }
+
+  void _processPickingFile(type) async {
+    FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true, type: type);
     if (result != null) {
       setState(() {
         _pickedFiles = _pickedFiles
-          ..addAll(result.paths.where((element) => element != null).map((e) => FileUpload(e!)).toList());
+          ..addAll(result.paths.where((element) => element != null)
+              .map((e) => FileUpload(e!))
+              .toList());
         _pickedFiles = _pickedFiles.toSet().toList(); // remove duplicate files
       });
-    } else {
-      // User canceled the picker
     }
   }
 

pubspec.yaml

@@ -36,7 +36,7 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
-  file_picker: ^5.1.0
+  file_picker: ^5.3.3
   http: ^0.13.5
   equatable: ^2.0.5
   provider: ^6.0.3
@@ -51,12 +51,12 @@ dependencies:
   shelf_static: ^1.0.0
   mime: ^1.0.3
   http_parser: ^4.0.2
-  share_plus: ^6.3.0
+  share_plus: ^7.1.0
   flutter_downloader: ^1.11.1
   path_provider: ^2.0.11
   android_path_provider: ^0.3.0
   permission_handler: ^10.2.0
-  device_info_plus: ^8.0.0
+  device_info_plus: ^9.0.3
   uuid: ^3.0.7
   hive: ^2.2.3
   hive_flutter: ^1.1.0