Merge pull request #36 from omnitrogen/feature_field_customization

Field customization

Author: deandreamatias

example/android/app/src/main/AndroidManifest.xml

@@ -5,6 +5,7 @@
         android:icon="@mipmap/ic_launcher">
         <activity
             android:name=".MainActivity"
+            android:exported="true"
             android:launchMode="singleTop"
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"

example/lib/main.dart

@@ -129,6 +129,15 @@ class MyHomePage extends StatelessWidget {
                     ],
                   ),
                   const SizedBox(height: 15),
+                  FormBuilderImagePicker(
+                    name: 'fieldCustomization',
+                    decoration: const InputDecoration(labelText: 'Pick Photos'),
+                    previewAutoSizeWidth: true,
+                    fit: BoxFit.cover,
+                    backgroundColor: Colors.black54,
+                    iconColor: Colors.white,
+                    icon: Icons.ac_unit_rounded,
+                  ),
                   ElevatedButton(
                     child: const Text('Submit'),
                     onPressed: () {

lib/src/form_builder_image_picker.dart

@@ -42,8 +42,15 @@ class FormBuilderImagePicker extends FormBuilderField<List<dynamic>> {
   /// placeholder widget displayed when picking a new image
   final Widget? placeholderWidget;
 
+  /// Field icon
+  final IconData? icon;
+
+  /// Field icon color
   final Color? iconColor;
 
+  /// Field background color
+  final Color? backgroundColor;
+
   /// Optional maximum height of image; see [ImagePicker].
   final double? maxHeight;
 
@@ -113,7 +120,9 @@ class FormBuilderImagePicker extends FormBuilderField<List<dynamic>> {
     this.previewWidth = 130,
     this.previewHeight = 130,
     this.previewMargin,
+    this.icon,
     this.iconColor,
+    this.backgroundColor,
     this.maxHeight,
     this.maxWidth,
     this.imageQuality,
@@ -165,11 +174,11 @@ class FormBuilderImagePicker extends FormBuilderField<List<dynamic>> {
                               )
                             : Container(
                                 color: (state.enabled
-                                        ? iconColor ?? primaryColor
-                                        : disabledColor)
-                                    .withAlpha(50),
+                                    ? backgroundColor ??
+                                        primaryColor.withAlpha(50)
+                                    : disabledColor),
                                 child: Icon(
-                                  Icons.camera_enhance,
+                                  icon ?? Icons.camera_enhance,
                                   color: state.enabled
                                       ? iconColor ?? primaryColor
                                       : disabledColor,