Included options to set camera and gallery icons and label

Author: danvick

lib/src/fields/form_builder_image_picker.dart

@@ -39,6 +39,11 @@ class FormBuilderImagePicker extends StatefulWidget {
 
   final int maxImages;
 
+  final Widget cameraIcon;
+  final Widget galleryIcon;
+  final Widget cameraLabel;
+  final Widget galleryLabel;
+
   const FormBuilderImagePicker({
     Key key,
     @required this.attribute,
@@ -59,6 +64,10 @@ class FormBuilderImagePicker extends StatefulWidget {
     this.imageQuality,
     this.preferredCameraDevice = CameraDevice.rear,
     this.maxImages,
+    this.cameraIcon = const Icon(Icons.camera_enhance),
+    this.galleryIcon = const Icon(Icons.image),
+    this.cameraLabel = const Text('Camera'),
+    this.galleryLabel = const Text('Gallery'),
   }) : super(key: key);
 
   @override
@@ -121,6 +130,8 @@ class _FormBuilderImagePickerState extends State<FormBuilderImagePicker> {
         }
       },
       builder: (field) {
+        var theme = Theme.of(context);
+        
         return InputDecorator(
           decoration: widget.decoration.copyWith(
             enabled: !_readOnly,
@@ -131,9 +142,7 @@ class _FormBuilderImagePickerState extends State<FormBuilderImagePicker> {
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: <Widget>[
-              const SizedBox(
-                height: 8,
-              ),
+              const SizedBox(height: 8),
               Container(
                 height: widget.imageHeight,
                 child: ListView(
@@ -183,24 +192,26 @@ class _FormBuilderImagePickerState extends State<FormBuilderImagePicker> {
                             height: widget.imageHeight,
                             child: Icon(Icons.camera_enhance,
                                 color: _readOnly
-                                    ? Theme.of(context).disabledColor
-                                    : widget.iconColor ??
-                                        Theme.of(context).primaryColor),
+                                    ? theme.disabledColor
+                                    : widget.iconColor ?? theme.primaryColor),
                             color: (_readOnly
-                                    ? Theme.of(context).disabledColor
-                                    : widget.iconColor ??
-                                        Theme.of(context).primaryColor)
+                                    ? theme.disabledColor
+                                    : widget.iconColor ?? theme.primaryColor)
                                 .withAlpha(50)),
                         onTap: () {
                           showModalBottomSheet(
                             context: context,
                             builder: (_) {
-                              return ImageSourceSheet(
+                              return ImageSourceBottomSheet(
                                 maxHeight: widget.maxHeight,
                                 maxWidth: widget.maxWidth,
                                 imageQuality: widget.imageQuality,
                                 preferredCameraDevice:
                                     widget.preferredCameraDevice,
+                                cameraIcon: widget.cameraIcon,
+                                galleryIcon: widget.galleryIcon,
+                                cameraLabel: widget.cameraLabel,
+                                galleryLabel: widget.galleryLabel,
                                 onImageSelected: (image) {
                                   field.didChange([...field.value, image]);
                                   widget.onChanged?.call(field.value);

lib/src/widgets/image_source_sheet.dart

@@ -1,10 +1,10 @@
 import 'dart:io';
 
-import 'package:flutter/material.dart';
 import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
 import 'package:image_picker/image_picker.dart';
 
-class ImageSourceSheet extends StatelessWidget {
+class ImageSourceBottomSheet extends StatelessWidget {
   /// Optional maximum height of image
   final double maxHeight;
 
@@ -33,14 +33,23 @@ class ImageSourceSheet extends StatelessWidget {
   /// available.
   final Function(File) onImageSelected;
 
-  ImageSourceSheet({
+  final Widget cameraIcon;
+  final Widget galleryIcon;
+  final Widget cameraLabel;
+  final Widget galleryLabel;
+
+  ImageSourceBottomSheet({
     Key key,
     this.maxHeight,
     this.maxWidth,
     this.imageQuality,
     this.preferredCameraDevice = CameraDevice.rear,
     this.onImage,
     this.onImageSelected,
+    this.cameraIcon,
+    this.galleryIcon,
+    this.cameraLabel,
+    this.galleryLabel,
   })  : assert(null != onImage || null != onImageSelected),
         super(key: key);
 
@@ -74,16 +83,17 @@ class ImageSourceSheet extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
+      padding: EdgeInsets.only(bottom: 20),
       child: Wrap(
         children: <Widget>[
           ListTile(
-            leading: const Icon(Icons.camera_enhance),
-            title: Text('Camera'),
+            leading: cameraIcon,
+            title: cameraLabel,
             onTap: () => _onPickImage(ImageSource.camera),
           ),
           ListTile(
-            leading: const Icon(Icons.image),
-            title: Text('Gallery'),
+            leading: galleryIcon,
+            title: galleryLabel,
             onTap: () => _onPickImage(ImageSource.gallery),
           )
         ],