internal/flutter_media_picker
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_media_picker.git synced 2025-05-18 16:33:45 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: added icon mode

Browse source
This commit is contained in:
Tim 2022-12-23 11:57:28 +01:00
parent 114443fb57
commit 25c20f9298
12 changed files with 168 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.flutter-plugins-dependencies
View file

File diff suppressed because one or more lines are too long

85
example/lib/media_picker.dart
View file

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

9
example/pubspec.lock
View file

@ -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:

3
lib/src/abstracts/media_picker_input.dart
View file

@ -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);

9
lib/src/inputs/input_audio.dart
View file

@ -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;

7
lib/src/inputs/input_file.dart
View file

@ -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;

7
lib/src/inputs/input_photo.dart
View file

@ -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;

7
lib/src/inputs/input_text.dart
View file

@ -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;

4
lib/src/inputs/input_video.dart
View file

@ -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;

33
lib/src/media_picker.dart
View file

@ -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(
onTap: () async {
await onPressedMediaType(context, input);
},
child: Column(
children: [
input.icon,
Text(input.label),
],
),
)
}) ??
GestureDetector(
onTap: () async {
await onPressedMediaType(context, input);
},
child: Wrap(
children: [
input.icon,
],
),
),
],
]
],

37
lib/src/widgets/icon_button_with_text.dart Normal file
View file

@ -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,
),
],
),
);
}
}

6
pubspec.yaml
View file

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