Wie die Umsetzung drop-down-Liste im flattern?

Müssen Sie value: location im code zu arbeiten. Überprüfen Sie diese.

items: _locations.map((String location) {
  return new DropdownMenuItem<String>(
     child: new Text(location),
     value: location,
  );
}).toList(),

InformationsquelleAutor DwlRathod

Zuerst von allen, lassen Sie uns untersuchen, was die Fehlermeldung sagt (ich habe zitiert, der Fehler, der geworfen wird mit Flattern 1.2, aber die Idee ist die gleiche):

Fehlgeschlagen-assertion: Linie 560 pos 15: 'items == null || items.isEmpty || Wert == null || items.where((DropdownMenuItem Element) => posten.Wert == Wert).Länge == 1': ist nicht wahr.

Gibt es vier or Bedingungen. Mindestens eines davon muss erfüllt sein:

• Elemente (eine Liste der DropdownMenuItem widgets) zur Verfügung gestellt wurden. Dadurch entfällt items == null.
• Nicht-leere Liste wurde zur Verfügung gestellt. Dadurch entfällt items.isEmpty.
• Einen Wert (_selectedLocation) war auch gegeben. Dadurch entfällt value == null. Beachten Sie, dass dies DropdownButton's Wert, nicht DropdownMenuItem's Wert.

Daher nur die Letzte Prüfung ist Links. Es läuft darauf hinaus, etwas wie:

Durchlaufen DropdownMenuItem's. Finden alle, die eine value gleich zu _selectedLocation. Dann, überprüfen Sie, wie viele Elemente ihm passende waren gefunden. Es muss genau ein widget, dass auf diesen Wert. Andernfalls wird ein Fehler ausgelöst.

Den code präsentiert wird, gibt es nicht eine DropdownMenuItem widget, das einen Wert hat, der _selectedLocation. Stattdessen werden alle widgets haben Ihre Wert null. Da null != _selectedLocation letzten Bedingung nicht. Überprüfen Sie dies, indem Sie _selectedLocation zu null - die app laufen soll.

Um das Problem zu lösen, müssen wir zunächst einen Wert festlegen, der auf jeder DropdownMenuItem (so, dass etwas sein könnte übergeben onChanged callback):

return DropdownMenuItem(
    child: new Text(location),
    value: location,
);

Die app immer noch nicht. Dieses ist, weil Ihre Liste noch nicht enthalten _selectedLocation's Wert. Sie können die app auf zwei Arten arbeiten:

• Option 1. Fügen Sie ein weiteres widget, dass den Wert (zu befriedigen items.where((DropdownMenuItem<T> item) => item.value == value).length == 1). Könnte nützlich sein, wenn Sie wollen, lassen Sie den Benutzer, wählen Sie erneut Please choose a location option.
• Option 2. Pass etwas zu hint: paremter und setzen selectedLocation zu null (zu befriedigen value == null Zustand). Nützlich, wenn Sie nicht wollen Please choose a location bleiben eine option.

Finden Sie den code unten zeigt, wie es zu tun:

import 'package:flutter/material.dart';

void main() {
  runApp(Example());
}

class Example extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
// List<String> _locations = ['Please choose a location', 'A', 'B', 'C', 'D']; //Option 1
// String _selectedLocation = 'Please choose a location'; //Option 1
  List<String> _locations = ['A', 'B', 'C', 'D']; //Option 2
  String _selectedLocation; //Option 2

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: DropdownButton(
            hint: Text('Please choose a location'), //Not necessary for Option 1
            value: _selectedLocation,
            onChanged: (newValue) {
              setState(() {
                _selectedLocation = newValue;
              });
            },
            items: _locations.map((location) {
              return DropdownMenuItem(
                child: new Text(location),
                value: location,
              );
            }).toList(),
          ),
        ),
      ),
    );
  }
}

InformationsquelleAutor cegas

Können Sie DropDownButton - Klasse, um zu schaffen drop-down-Liste :

...
...
String dropdownValue = 'One';
...
...
Widget build(BuildContext context) {
return Scaffold(
  body: Center(
    child: DropdownButton<String>(
      value: dropdownValue,
      onChanged: (String newValue) {
        setState(() {
          dropdownValue = newValue;
        });
      },
      items: <String>['One', 'Two', 'Free', 'Four']
          .map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
    ),
  ),
);
...
...

finden Sie auf dieser flattern web-Seite

InformationsquelleAutor user4757345

Lassen Sie uns sagen, wir schaffen ein drop-down-Liste die Währung:

List _currency = ["INR", "USD", "SGD", "EUR", "PND"];
List<DropdownMenuItem<String>> _dropDownMenuCurrencyItems;
String _currentCurrency;

List<DropdownMenuItem<String>> getDropDownMenuCurrencyItems() {
  List<DropdownMenuItem<String>> items = new List();
  for (String currency in _currency) {
    items.add(
      new DropdownMenuItem(value: currency, child: new Text(currency)));
  }
  return items;
}

void changedDropDownItem(String selectedCurrency) {
  setState(() {
    _currentCurrency = selectedCurrency;
  });
}

Fügen Sie folgenden code im body-Teil:

new Row(children: <Widget>[
  new Text("Currency: "),
  new Container(
    padding: new EdgeInsets.all(16.0),
  ),
  new DropdownButton(
    value: _currentCurrency,
    items: _dropDownMenuCurrencyItems,
    onChanged: changedDropDownItem,
  )
])

InformationsquelleAutor lavish

Als ich lief in dieses Problem, zu wollen, eine weniger generische DropdownStringButton, die ich gerade erstellt:

dropdown_string_button.dart

import 'package:flutter/material.dart';
//Subclass of DropdownButton based on String only values.
//Yes, I know Flutter discourages subclassing, but this seems to be
//a reasonable exception where a commonly used specialization can be
//made more easily usable.
//
//Usage: 
//DropdownStringButton(items: ['A', 'B', 'C'], value: 'A', onChanged: (string) {})
//
class DropdownStringButton extends DropdownButton<String> {
  DropdownStringButton({
    Key key, @required List<String> items, value, hint, disabledHint,
    @required onChanged, elevation = 8, style, iconSize = 24.0, isDense = false,
    isExpanded = false, }) : 
    assert(items == null || value == null || items.where((String item) => item == value).length == 1),
        super(
          key: key,
          items: items.map((String item) {
            return DropdownMenuItem<String>(child: Text(item), value: item);
          }).toList(),
        value: value, hint: hint, disabledHint: disabledHint, onChanged: onChanged,
        elevation: elevation, style: style, iconSize: iconSize, isDense: isDense,
        isExpanded: isExpanded,
        );
    }

InformationsquelleAutor Cirec Beback

Ändern

List<String> _locations = ['A', 'B', 'C', 'D'];

Zu

List<String> _locations = [_selectedLocation, 'A', 'B', 'C', 'D'];

_selectedLocation Bedürfnisse, die einen Teil Ihrer posten-Liste;

InformationsquelleAutor sammyni