FormBuilderCustomField as dropdownbutton and FormBuilderDropdown UI problem

[shariful2011]

From this image http://prntscr.com/nrrkpw you can understand what I am talking about. It looks really odd. Is there a way to solve this issue?

[danvick]

Kindly stick with FormBuilderDropdown

Column(
  children: <Widget>[
    FormBuilderDropdown(
      attribute: "country",
      hint: Text('Select Country'),
      onChanged: (val) {
        //Clear any selected fields for governorate and district if country changes
        _fbKey.currentState.fields['governorate'].currentState
            .didChange(null);
        _fbKey.currentState.fields['district'].currentState
            .didChange(null);
        //TODO: Update Governorates list
      },
      decoration: InputDecoration(
        labelText: 'Country',
        labelStyle: TextStyle(
          fontFamily: 'Open Sans',
        ),
      ),
      validators: [
        FormBuilderValidators.required(
            errorText: 'Please select District.'),
      ],
      initialValue: null,
      items: countries,
    ),
    FormBuilderDropdown(
      attribute: "governorate",
      hint: Text('Select governorate'),
      onChanged: (val) {
        //Clear any selected fields for district if governorate changes
        _fbKey.currentState.fields['district'].currentState
            .didChange(null);
        //TODO: Update Districts list
      },
      decoration: InputDecoration(
        labelText: 'Governorate',
        labelStyle: TextStyle(
          fontFamily: 'Open Sans',
        ),
      ),
      validators: [
        FormBuilderValidators.required(
            errorText: 'Please select governorate.'),
      ],
      initialValue: null,
      items: governorates,
    ),
    FormBuilderDropdown(
      attribute: "d",
      hint: Text('Select governorate'),
      onChanged: (val) {
        _fbKey.currentState.fields['district'].currentState
            .didChange(null);
        
      },
      decoration: InputDecoration(
        labelText: 'District',
        labelStyle: TextStyle(
          fontFamily: 'Open Sans',
        ),
      ),
      validators: [
        FormBuilderValidators.required(
            errorText: 'Please select district.'),
      ],
      initialValue: null,
      items: districts,
    ),
  ],
),

[shariful2011]

Thanks this solved my all problems including the null exception.

[danvick]

Glad to hear that!