Some UI improvements to Dropdown

Author: danvick

.idea/workspace.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

example/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14460.31" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina4_7" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14460.20"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--Flutter View Controller-->
@@ -14,9 +18,9 @@
                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>

example/ios/Runner/Base.lproj/Main.storyboard

@@ -166,7 +166,8 @@ class _FormBuilderState extends State<FormBuilder> {
           break;
 
         case FormBuilderInput.TYPE_TYPE_AHEAD:
-          final TextEditingController _typeAheadController = TextEditingController();
+          final TextEditingController _typeAheadController =
+              TextEditingController();
           formControlsList.add(TypeAheadFormField(
             initialValue: formControl.value,
             textFieldConfiguration: TextFieldConfiguration(
@@ -210,40 +211,30 @@ class _FormBuilderState extends State<FormBuilder> {
               formData[formControl.attribute] = value;
             },
             builder: (FormFieldState<dynamic> field) {
-              return Container(
-                padding: EdgeInsets.only(top: 10.0),
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: <Widget>[
-                    Text(
-                      formControl.label,
-                      style: TextStyle(color: Colors.grey),
-                    ),
-                    DropdownButton(
-                      isExpanded: true,
-                      hint: Text(formControl.hint ?? ''),
-                      items: formControls[count].options.map((option) {
-                        return DropdownMenuItem(
-                          child: Text(option.label ?? option.value),
-                          value: option.value,
-                        );
-                      }).toList(),
-                      value: field.value,
-                      onChanged: (value) {
-                        setState(() {
-                          formControls[count].value = value;
-                        });
-                        field.didChange(value);
-                      },
-                    ),
-                    field.hasError
-                        ? Text(
-                            field.errorText,
-                            style:
-                                TextStyle(color: Theme.of(context).errorColor),
-                          )
-                        : SizedBox(),
-                  ],
+              return InputDecorator(
+                decoration: InputDecoration(
+                  labelText: formControl.label,
+                  helperText: formControl.hint,
+                  errorText: field.errorText,
+                  contentPadding: EdgeInsets.only(top: 10.0, bottom: 0.0),
+                  border: InputBorder.none,
+                ),
+                child: DropdownButton(
+                  isExpanded: true,
+                  hint: Text(formControl.hint ?? ''),
+                  items: formControls[count].options.map((option) {
+                    return DropdownMenuItem(
+                      child: Text(option.label ?? option.value),
+                      value: option.value,
+                    );
+                  }).toList(),
+                  value: field.value,
+                  onChanged: (value) {
+                    setState(() {
+                      formControls[count].value = value;
+                    });
+                    field.didChange(value);
+                  },
                 ),
               );
             },