feat: added icon mode

example/lib/media_picker.dart

@@ -58,10 +58,14 @@ class _MediaPickerState extends ConsumerState<MediaPickerPage> {
               const SizedBox(
                 height: 15,
               ),
+              // Icons example of Media Picker
               MediaPicker(
                 buttonType: ButtonType.icons,
+                horizontalSpacing: 40,
+                verticalSpacing: 20,
                 mediaPickerInputs: [
                   MediaPickerInputPhoto(
+                    label: "Make photo",
                     pickFile: mediaService.pickImageFile,
                     checkPageSettings: {
                       'title': 'Share photo',
@@ -73,6 +77,7 @@ class _MediaPickerState extends ConsumerState<MediaPickerPage> {
                     },
                   ),
                   MediaPickerInputVideo(
+                    label: "Make video",
                     pickFile: mediaService.pickVideoFile,
                     videoPlayerFactory: MediaPickerVideoPlayerFactory(),
                     checkPageSettings: {
@@ -86,6 +91,7 @@ class _MediaPickerState extends ConsumerState<MediaPickerPage> {
                   ),
                   if (!kIsWeb)
                     MediaPickerInputAudio(
+                      label: "Record audio",
                       checkPageSettings: {'title': 'Share audio'},
                       onComplete: (MediaResult result) {
                         Navigator.pop(context);
@@ -93,12 +99,14 @@ class _MediaPickerState extends ConsumerState<MediaPickerPage> {
                       audioService: audioService,
                     ),
                   MediaPickerInputText(
+                    label: "Write text",
                     checkPageSettings: {'title': 'Share text'},
                     onComplete: (MediaResult result) {
                       Navigator.pop(context);
                     },
                   ),
                   MediaPickerInputFile(
+                    label: "Select file",
                     pickFile: mediaService.pickFile,
                     fileExtensions: [
                       'pdf',
@@ -128,6 +136,83 @@ class _MediaPickerState extends ConsumerState<MediaPickerPage> {
                   onComplete: onComplete,
                 ),
               ),
+
+              // Text example of Media Picker
+              // MediaPicker(
+              //   buttonType: ButtonType.text,
+              //   mediaPickerInputs: [
+              //     MediaPickerInputPhoto(
+              //       label: "Make photo",
+              //       pickFile: mediaService.pickImageFile,
+              //       checkPageSettings: {
+              //         'title': 'Share photo',
+              //         'width': 125.0,
+              //         'height': 200.0,
+              //       },
+              //       onComplete: (MediaResult result) {
+              //         Navigator.pop(context);
+              //       },
+              //     ),
+              //     MediaPickerInputVideo(
+              //       label: "Make video",
+              //       pickFile: mediaService.pickVideoFile,
+              //       videoPlayerFactory: MediaPickerVideoPlayerFactory(),
+              //       checkPageSettings: {
+              //         'title': 'Share video',
+              //         'width': 122.5,
+              //         'height': 200.0,
+              //       },
+              //       onComplete: (MediaResult result) {
+              //         Navigator.pop(context);
+              //       },
+              //     ),
+              //     if (!kIsWeb)
+              //       MediaPickerInputAudio(
+              //         label: "Record audio",
+              //         checkPageSettings: {'title': 'Share audio'},
+              //         onComplete: (MediaResult result) {
+              //           Navigator.pop(context);
+              //         },
+              //         audioService: audioService,
+              //       ),
+              //     MediaPickerInputText(
+              //       label: "Write text",
+              //       checkPageSettings: {'title': 'Share text'},
+              //       onComplete: (MediaResult result) {
+              //         Navigator.pop(context);
+              //       },
+              //     ),
+              //     MediaPickerInputFile(
+              //       label: "Select file",
+              //       pickFile: mediaService.pickFile,
+              //       fileExtensions: [
+              //         'pdf',
+              //         'doc',
+              //         'png',
+              //         'jpg',
+              //         'docx',
+              //         'bmp',
+              //         'gif',
+              //         'txt',
+              //       ],
+              //       checkPageSettings: {
+              //         'title': 'Share file',
+              //       },
+              //       onComplete: (MediaResult result) {
+              //         Navigator.pop(context);
+              //       },
+              //     ),
+              //   ],
+              //   mediaCheckPage: (Widget displayResult,
+              //           Map<String, dynamic>? inputSettings,
+              //           Function onComplete) =>
+              //       MediaCheckPage(
+              //     cancel: widget.callback,
+              //     displayResult: displayResult,
+              //     inputSettings: inputSettings ?? {},
+              //     onComplete: onComplete,
+              //   ),
+              // ),
               const SizedBox(
                 height: 30,
               ),

example/pubspec.lock

@@ -113,15 +113,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.18.5+1"
-  flutter_image_picker:
-    dependency: transitive
-    description:
-      path: "."
-      ref: "1.0.3"
-      resolved-ref: "20814755cca74296600a0ae3e016e46979e66a7e"
-      url: "https://github.com/Iconica-Development/flutter_image_picker"
-    source: git
-    version: "1.0.3"
   flutter_lints:
     dependency: "direct dev"
     description:

lib/src/abstracts/media_picker_input.dart

@@ -5,6 +5,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_media_picker/src/enums/button_type.dart';
 import 'package:flutter_media_picker/src/media_result.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 
 /// Abstract class for inputs used by [MediaPicker].
 ///
@@ -24,7 +25,7 @@ import 'package:flutter_media_picker/src/media_result.dart';
 abstract class MediaPickerInput {
   String label = "Media Picker input";
 
-  Widget icon = const Icon(Icons.image);
+  Widget icon = const IconButtonWithText();
 
   Future<MediaResult> onPressed(BuildContext context);
 

lib/src/inputs/input_audio.dart

@@ -7,21 +7,24 @@ import 'dart:io';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_media_picker/flutter_media_picker.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:intl/intl.dart';
 
 /// Input for audio used by [MediaPicker].
 ///
-/// This feature is only usable for nativa applications.
+/// This feature is only usable for native applications.
 class MediaPickerInputAudio implements MediaPickerInput {
   MediaPickerInputAudio({
     this.label = "Audio",
-    this.icon = const Icon(Icons.audio_file),
     this.checkPageSettings,
     this.onComplete,
     required this.audioService,
     this.inputStyling,
-  });
+  }) : icon = IconButtonWithText(
+          icon: Icons.record_voice_over,
+          iconText: label,
+        );
 
   final AudioService audioService;
 

lib/src/inputs/input_file.dart

@@ -4,24 +4,21 @@
 
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_media_picker/src/abstracts/media_picker_input.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 
 import 'package:path/path.dart' as path;
 
-import 'package:flutter_media_picker/src/media_result.dart';
-
 import '../../flutter_media_picker.dart';
 
 /// Input for photo used by [MediaPicker].
 class MediaPickerInputFile implements MediaPickerInput {
   MediaPickerInputFile({
     this.label = "File",
-    this.icon = const Icon(Icons.file_copy),
     this.fileExtensions = const ['pdf', 'jpg', 'png'],
     this.checkPageSettings,
     this.onComplete,
     this.pickFile,
-  });
+  }) : icon = IconButtonWithText(icon: Icons.file_copy, iconText: label,);
 
   final Future<FilePickerResult?> Function(List<String>)? pickFile;
   final List<String> fileExtensions;

lib/src/inputs/input_photo.dart

@@ -8,16 +8,19 @@ import 'package:flutter/material.dart';
 import 'package:flutter_media_picker/src/abstracts/media_picker_input.dart';
 
 import 'package:flutter_media_picker/src/media_result.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 
 /// Input for photo used by [MediaPicker].
 class MediaPickerInputPhoto implements MediaPickerInput {
   MediaPickerInputPhoto({
     this.label = "Photo",
-    this.icon = const Icon(Icons.image),
     this.checkPageSettings,
     this.onComplete,
     this.pickFile,
-  });
+  }) : icon = IconButtonWithText(
+          icon: Icons.camera_alt,
+          iconText: label,
+        );
 
   final Future<Uint8List?> Function()? pickFile;
 

lib/src/inputs/input_text.dart

@@ -6,16 +6,19 @@ import 'package:flutter/material.dart';
 import 'package:flutter_form/flutter_form.dart';
 import 'package:flutter_media_picker/src/abstracts/media_picker_input.dart';
 import 'package:flutter_media_picker/src/media_result.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 /// Input for text used by [MediaPicker].
 class MediaPickerInputText implements MediaPickerInput {
   MediaPickerInputText({
     this.label = "Text",
-    this.icon = const Icon(Icons.text_fields),
     this.checkPageSettings,
     this.onComplete,
-  });
+  }) : icon = IconButtonWithText(
+          icon: Icons.text_fields,
+          iconText: label,
+        );
 
   @override
   String label;

lib/src/inputs/input_video.dart

@@ -6,17 +6,17 @@ import 'dart:typed_data';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_media_picker/flutter_media_picker.dart';
+import 'package:flutter_media_picker/src/widgets/icon_button_with_text.dart';
 
 /// Input for video used by [MediaPicker].
 class MediaPickerInputVideo implements MediaPickerInput {
   MediaPickerInputVideo({
     this.label = "Video",
-    this.icon = const Icon(Icons.video_camera_front),
     this.checkPageSettings,
     this.onComplete,
     this.pickFile,
     required this.videoPlayerFactory,
-  });
+  }) : icon = IconButtonWithText(icon: Icons.video_camera_front, iconText: label,);
 
   final Future<Uint8List?> Function()? pickFile;
   final VideoPlayerFactory videoPlayerFactory;

lib/src/media_picker.dart

@@ -100,6 +100,7 @@ import '../flutter_media_picker.dart';
 ///   ],
 /// );
 ///```
+
 class MediaPicker extends ConsumerWidget {
   const MediaPicker({
     this.mediaPickerInputs,
@@ -108,6 +109,8 @@ class MediaPicker extends ConsumerWidget {
     this.onComplete,
     this.mediaCheckPage,
     this.buttonType = ButtonType.text,
+    this.horizontalSpacing = 0,
+    this.verticalSpacing = 0,
     Key? key,
   }) : super(key: key);
 
@@ -117,6 +120,8 @@ class MediaPicker extends ConsumerWidget {
       iconButton;
   final void Function(MediaResult result)? onComplete;
   final ButtonType buttonType;
+  final double horizontalSpacing;
+  final double verticalSpacing;
   final Widget Function(
       Widget displayResult,
       Map<String, dynamic>? inputSettings,
@@ -139,7 +144,11 @@ class MediaPicker extends ConsumerWidget {
       inputs = mediaPickerInputs!;
     }
 
-    return Column(
+    return Wrap(
+      alignment: WrapAlignment.center,
+      direction: Axis.horizontal,
+      spacing: horizontalSpacing,
+      runSpacing: verticalSpacing,
       children: [
         if (buttonType == ButtonType.text) ...[
           for (final input in inputs) ...[
@@ -180,17 +189,17 @@ class MediaPicker extends ConsumerWidget {
           for (final input in inputs) ...[
             iconButton?.call(input.label, input.icon, (BuildContext ct) async {
                   await onPressedMediaType(ct, input);
-                }) ?? GestureDetector(
+                }) ??
+                GestureDetector(
                   onTap: () async {
                     await onPressedMediaType(context, input);
                   },
-              child: Column(
+                  child: Wrap(
                     children: [
                       input.icon,
-                  Text(input.label),
                     ],
                   ),
-            )
+                ),
           ],
         ]
       ],

lib/src/widgets/icon_button_with_text.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+
+class IconButtonWithText extends StatelessWidget {
+  const IconButtonWithText({
+    super.key,
+    this.iconSize = 40,
+    this.iconText = "Button",
+    this.iconTextSize = 16,
+    this.icon = Icons.file_copy,
+  });
+
+  final double iconSize;
+  final String iconText;
+  final double iconTextSize;
+  final IconData icon;
+
+  @override
+  Widget build(BuildContext context) {
+
+    return FittedBox(
+      fit: BoxFit.fitHeight,
+      child: Column(
+        children: [
+          Icon(
+            icon,
+            size: iconSize,
+          ),
+          Text(
+            iconText,
+            style: TextStyle(fontSize: iconTextSize),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+}

pubspec.yaml

@@ -12,10 +12,8 @@ dependencies:
   flutter:
     sdk: flutter
 
-  flutter_image_picker:
+  path: any
-    git:
+  image_picker: any
-      url: https://github.com/Iconica-Development/flutter_image_picker
-      ref: 1.0.3
   file_picker: any
   video_player: any
   path_provider: any