internal/flutter_image_picker
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_image_picker.git synced 2025-05-18 11:43:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Documentation updates

Browse source
This commit is contained in:
commitimpush 2022-09-01 17:00:59 +02:00
parent a05ede7793
commit 9ec7bd78ce
4 changed files with 44 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
README.md
View file

@ -18,16 +18,19 @@ See the [Example Code](example/lib/main.dart) for an example on how to use this
You can add optional parameters to the `showImagePickerDialog(context)` function call. These are: You can add optional parameters to the `showImagePickerDialog(context)` function call. These are:
| Parameter | Explaination | | Parameter | Explaination |
|-------------------|----------------| |-------------------|----------------|
| title | The title that's shown at the top of the Image Picker Dialog in the bottom of the screen | | title | The title displayed at the top of the Image Picker Dialog. |
| titleTextSize | The font size of the title mentioned above | | titleTextSize | The font size of the title mentioned above. |
| iconSize | The size of the icons that are shown in the Image Picker Dialog | | iconSize | The size of the icons that are visible in the Image Picker Dialog. |
| iconTextSize | The font size of the text underneath the icons in the Image Picker Dialog | | iconTextSize | The font size of the text underneath the icon buttons. |
| spaceBetweenIcons | The space in pixels between the two icons in the Image Picker Dialog | | spaceBetweenIcons | The size of the space between the two icons in the Image Picker Dialog. |
| makePhotoIcon | The icon that is shown as the Make Photo button | | makePhotoIcon | The icon that is displayed for the 'Make Photo' functionality of the Image Picker Dialog. |
| makePhotoText | The text that is shown underneath the Make Photo icon in the Image Picker Dialog | | makePhotoText | The text that is displayed underneath the 'Make Photo' icon. |
| selectImageIcon | The icon that is shown as the Select Image button | | selectImageIcon | The icon that is displayed for the 'Select Image From Gallery' functionality of the Image Picker Dialog. |
| selectImageText | The text that is shown underneath the Select Image icon in the Image Picker Dialog | | selectImageText | The text that is displayed underneath the 'Select Image From Gallery' icon. |
| closeButtonText | The text that is visible on the button that is shown at the bottom of the Image Picker Dialog that closes the dialog | | closeButtonText | The text that is shown on the 'Close Dialog' button at the bottom of the Image Picker Dialog. |
| closeButtonWidth | The width of the 'Close Dialog' button at the bottom of the Image Picker Dialog. |
| closeButtonHeight | The height of the 'Close Dialog' button at the bottom of the Image Picker Dialog. |
The `showImagePickerDialog(context)` function returns an `Uint8List` as value which you can use in your application. The `showImagePickerDialog(context)` function returns an `Uint8List` as value which you can use in your application.

2
example/lib/main.dart
View file

@ -42,7 +42,7 @@ class _ImagePickerExampleHomePageState
final double imageWidth = 300; final double imageWidth = 300;
final String placeholder = 'assets/images/placeholder.png'; final String placeholder = 'assets/images/placeholder.png';
final String imageAlreadyDisplayedMessage = final String imageAlreadyDisplayedMessage =
'Selected image is already being displayed!'; 'The selected image is already being displayed!';
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

29
lib/src/models/image_picker_theme.dart
View file

@ -13,16 +13,43 @@ class ImagePickerTheme {
this.makePhotoText = "Take a Picture", this.makePhotoText = "Take a Picture",
this.selectImageIcon = Icons.image, this.selectImageIcon = Icons.image,
this.selectImageText = "Select File", this.selectImageText = "Select File",
this.closeButtonText = "Close"}); this.closeButtonText = "Close",
this.closeButtonWidth = 300,
this.closeButtonHeight = 40});
/// The title displayed at the top of the Image Picker Dialog.
final String title; final String title;
/// The font size of the title mentioned above.
final double titleTextSize; final double titleTextSize;
/// The size of the icons that are visible in the Image Picker Dialog.
final double iconSize; final double iconSize;
/// The font size of the text underneath the icon buttons.
final double iconTextSize; final double iconTextSize;
/// The size of the space between the two icons in the Image Picker Dialog.
final double spaceBetweenIcons; final double spaceBetweenIcons;
/// The icon that is displayed for the 'Make Photo' functionality of the Image Picker Dialog.
final IconData makePhotoIcon; final IconData makePhotoIcon;
/// The text that is displayed underneath the 'Make Photo' icon.
final String makePhotoText; final String makePhotoText;
/// The icon that is displayed for the 'Select Image From Gallery' functionality of the Image Picker Dialog.
final IconData selectImageIcon; final IconData selectImageIcon;
/// The text that is displayed underneath the 'Select Image From Gallery' icon.
final String selectImageText; final String selectImageText;
/// The text that is shown on the 'Close Dialog' button at the bottom of the Image Picker Dialog.
final String closeButtonText; final String closeButtonText;
/// The width of the 'Close Dialog' button at the bottom of the Image Picker Dialog.
final double closeButtonWidth;
/// The height of the 'Close Dialog' button at the bottom of the Image Picker Dialog.
final double closeButtonHeight;
} }

4
lib/src/ui/image_picker_ui.dart
View file

@ -48,8 +48,8 @@ class ImagePicker extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
SizedBox( SizedBox(
width: 300, width: imagePickerTheme.closeButtonWidth,
height: 40, height: imagePickerTheme.closeButtonHeight,
child: ElevatedButton( child: ElevatedButton(
onPressed: () => Navigator.of(context).pop(), onPressed: () => Navigator.of(context).pop(),
child: Text(imagePickerTheme.closeButtonText)), child: Text(imagePickerTheme.closeButtonText)),