cetorres / dropdown_formfield Goto Github PK

Hi,

I am getting overflow error on DropDownFormField.

Thanks

Anyone help, i have problem with adding dropdown_formfield

Error message "The current Dart SDK version is 3.1.2.

Because androidesp32cambtapp depends on dropdown_formfield any which doesn't support null safety, version solving failed.

The lower bound of "sdk: '>=2.1.0 <3.0.0'" must be 2.12.0 or higher to enable null safety.
For details, see https://dart.dev/null-safety
exit code 65"

I think the issue : that dropdown_formfield "sdk: '>=2.1.0 <3.0.0'". how can i get dropdown_formfield that is "sdk: '>=2.12.0 <3.1.2'"

Every FormField has property "enabled" which allows to lock UI controls while some network operation with API happens, for example.

when I give a default value fro the dropdown it is displayed correctly as the chosen item from the dropdown.
But when it gets validated it has a null value, and only works if i really choose the item in the dropdown. It seems that value only then gets updated?

I am trying to use your beautiful package but get this error "The library 'package:dropdown_formfield/dropdown_formfield.dart' is legacy, and shouldn't be imported into a null safe library. (Documentation)"
Could you please advice?

When i set an initial value (because i want the field to be with a initial value) when i validate or save the form i get an error because the value received by the onSaved or validator is null.

This is probably happening because when i set an initial value the onChanged method is not being called and the value is not being updated internally.

Besides this error, this is a great component. Thanks a lot for you effort

Add an option to set an initial value of the form field.

Nexus 5X API 29 x86 (android-x86 emulator)
Flutter 1.9.1 + hotfix.4

Only line changed in code example is:
_myActivity = 'Running'; from _myActivity = '';

When putting a breakpoint at onSaved, and then pressing on the save button without selecting anything then value = null. Yet, the dropdown shows the right text.

Problem occured to me when updating a form, inserting initial values, and then clicking on save without changing the initial values. In the mean time, I just check for when it is null, and don't update that field.

import 'package:dropdown_formfield/dropdown_formfield.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _myActivity;
  String _myActivityResult;
  final formKey = new GlobalKey<FormState>();

  @override
  void initState() {
    super.initState();
    _myActivity = 'Running';
    _myActivityResult = '';
  }

  _saveForm() {
    var form = formKey.currentState;
    if (form.validate()) {
      form.save();
      setState(() {
        _myActivityResult = _myActivity;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Dropdown Formfield Example'),
      ),
      body: Center(
        child: Form(
          key: formKey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Container(
                padding: EdgeInsets.all(16),
                child: DropDownFormField(
                  titleText: 'My workout',
                  hintText: 'Please choose one',
                  value: _myActivity,
                  onSaved: (value) {
                    setState(() {
                      _myActivity = value;
                    });
                  },
                  onChanged: (value) {
                    setState(() {
                      _myActivity = value;
                    });
                  },
                  dataSource: [
                    {
                      "display": "Running",
                      "value": "Running",
                    },
                    {
                      "display": "Climbing",
                      "value": "Climbing",
                    },
                    {
                      "display": "Walking",
                      "value": "Walking",
                    },
                    {
                      "display": "Swimming",
                      "value": "Swimming",
                    },
                    {
                      "display": "Soccer Practice",
                      "value": "Soccer Practice",
                    },
                    {
                      "display": "Baseball Practice",
                      "value": "Baseball Practice",
                    },
                    {
                      "display": "Football Practice",
                      "value": "Football Practice",
                    },
                  ],
                  textField: 'display',
                  valueField: 'value',
                ),
              ),
              Container(
                padding: EdgeInsets.all(8),
                child: RaisedButton(
                  child: Text('Save'),
                  onPressed: _saveForm,
                ),
              ),
              Container(
                padding: EdgeInsets.all(16),
                child: Text(_myActivityResult),
              )
            ],
          ),
        ),
      ),
    );
  }
}

Right now there's no way to clear the selected option. It would be nice to have this feature

After the flutter update, I'm having the following problem

E/flutter (10956): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: NoSuchMethodError: The method 'call' was called on null.
E/flutter (10956): Receiver: null
E/flutter (10956): Tried calling: call()
E/flutter (10956): #0 new DropDownFormField..
package:material_dropdown_formfield/material_dropdown_formfield.dart:157
E/flutter (10956): #1 _DropdownButtonState._handleTap.
package:flutter/…/material/dropdown.dart:1219
E/flutter (10956): #2 _rootRunUnary (dart:async/zone.dart:1192:38)
E/flutter (10956): #3 _CustomZone.runUnary (dart:async/zone.dart:1085:19)
E/flutter (10956): #4 _FutureListener.handleValue (dart:async/future_impl.dart:141:18)
E/flutter (10956): #5 Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:682:45)
E/flutter (10956): #6 Future._propagateToListeners (dart:async/future_impl.dart:711:32)
E/flutter (10956): #7 Future._completeWithValue (dart:async/future_impl.dart:526:5)
E/flutter (10956): #8 Future._asyncComplete. (dart:async/future_impl.dart:556:7)
E/flutter (10956): #9 _rootRun (dart:async/zone.dart:1184:13)
E/flutter (10956): #10 _CustomZone.run (dart:async/zone.dart:1077:19)
E/flutter (10956): #11 _CustomZone.runGuarded (dart:async/zone.dart:979:7)
E/flutter (10956): #12 _CustomZone.bindCallbackGuarded. (dart:async/zone.dart:1019:23)
E/flutter (10956): #13 _microtaskLoop (dart:async/schedule_microtask.dart:43:21)
E/flutter (10956): #14 _startMicrotaskLoop (dart:async/schedule_microtask.dart:52:5)
E/flutter (10956):

`library dropdown_formfield;

import 'package:flutter/material.dart';

class DropDownFormField extends FormField {
final String titleText;
final String hintText;
final bool required;
final String errorText;
final dynamic value;
final List dataSource;
final String textField;
final String valueField;
final Function onChanged;
final bool filled;
final EdgeInsets contentPadding;

DropDownFormField(
{FormFieldSetter onSaved,
FormFieldValidator validator,
bool autovalidate = false,
this.titleText = 'Title',
this.hintText = 'Select one option',
this.required = false,
this.errorText = 'Please select one option',
this.value,
this.dataSource,
this.textField,
this.valueField,
this.onChanged,
this.filled = true,
this.contentPadding = const EdgeInsets.fromLTRB(12, 12, 8, 0)})
: super(
onSaved: onSaved,
validator: validator,
autovalidate: autovalidate,
initialValue: value == '' ? null : value,
builder: (FormFieldState state) {
return Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
InputDecorator(

                decoration: InputDecoration(
                  contentPadding: contentPadding,
                  labelText: titleText,
                  filled: filled,
                ),
                child: DropdownButtonHideUnderline(
                  child: DropdownButton<dynamic>(
                    isExpanded: true,
                    hint: Text(
                      hintText,
                      style: TextStyle(color: Colors.grey.shade500),
                    ),
                    value: value == '' ? null : value,
                    onChanged: (dynamic newValue) {
                      state.didChange(newValue);
                      onChanged(newValue);
                    },
                    items: dataSource.map((item) {
                      return DropdownMenuItem<dynamic>(
                        value: item[valueField],
                        child: Text(item[textField],
                            overflow: TextOverflow.ellipsis),
                      );
                    }).toList(),
                  ),
                ),
              ),
              SizedBox(height: state.hasError ? 5.0 : 0.0),
              Text(
                state.hasError ? state.errorText : '',
                style: TextStyle(
                    color: Colors.redAccent.shade700,
                    fontSize: state.hasError ? 12.0 : 0.0),
              ),
            ],
          ),
        );
      },
    );

}
`

See title

Please add a focusNode so when a user presses the next button on their keyboard, we can focus and unfocus the DropDownFormField.

i was looking to customize the textfield with a style of my own, that would be awesome

Is there a way to change the background color?

It would be great to have null safety for this plugin (see migration guide).