Re: erstellen eines dropdown-button flattern

Habe ich dropdownbutton fest in meinem build aber ich will den Pfeil am Ende angezeigt und die dropdown-Einträge von Pfeil, aber in meinem app sind Sie die Anzeige von oben. ich habe anbei die screenshots für Ihre Referenz.

bitte können Sie mir sagen, wie dies zu ändern oder gibt es eine andere Möglichkeit, um einfach erstellen Sie eine Dropdown-Menü.

Ein Beispiel wäre sehr geschätzt werden.

Entschuldigen Sie bitte mein code, wie ich bin neu in der Programmierung und irgendwelche Kommentare oder Vorschläge sind herzlich willkommen.

Vielen Dank,
Mahi.

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'dart:ui';

void main(){
    runApp(new BranchSetup());
      }

class BranchSetup extends StatefulWidget {
    @override
    State<StatefulWidget> createState() {
         return new _BranchSetupState();
          }
       } 

    class _BranchSetupState extends State<BranchSetup> with 
                                WidgetsBindingObserver {

     @override
           Widget build(BuildContext context){
           return new MaterialApp(
              theme: new ThemeData(
                  primaryColor: const Color(0xFF229E9C),
                                ),
              title: 'Branch Setup',
              home: new Scaffold(
              body: new Container(
              child: new ListView(
                children: <Widget>[
                 new Container(
                   margin: const EdgeInsets.all(16.0),
                    child: new Row(
                     children: <Widget>[
                      new Expanded(
                        child: new TextFormField(
            decoration: new InputDecoration([enter image description here][1]                           
                       labelText: 'Branch Name',
                   ),
                ),
              ),
            ],
          ),
         ),
          new Container(
            margin: const EdgeInsets.all(16.0),
            child:
              new DropdownButton<String>(
                items: <String>['Mens','Womans']
                      .map((String value) {
                    return new DropdownMenuItem<String>(
                        value: value,
                        child: new Text(value),
                    );
                  }
                  ).toList(),
               onChanged: null,
                ),
            ),

          ],
        ),
        ),
     ),
    );
   }

  }
InformationsquelleAutor Mahi | 2017-09-12
  1. 7

    Dieser sieht aus wie ein bug in Flattern. Ich reichte eine Problem.

    In der Zwischenzeit, können Sie es umgehen, indem er Ihre DropdownButton im Column.

    Re: erstellen eines dropdown-button flattern

    import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(home: new DemoApp()));
}

class DemoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text('DropdownButton Example')),
      body: new ListView(
        children: [
          new Column(
            children: <Widget>[
              new DropdownButton<String>(
                items: <String>['Foo', 'Bar'].map((String value) {
                  return new DropdownMenuItem<String>(
                    value: value,
                    child: new Text(value),
                  );
                }).toList(),
                onChanged: (_) {},
              ),
            ],
          ),
        ],
      ),
    );
  }
}
    • ich danke Ihnen sehr für Ihre Hilfe, Collin Jackson, ich habe versucht dieses Problem umgehen und es scheint zu funktionieren für mich . Noch einmal vielen Dank.
    • Dieses Problem wurde geschlossen
    • DropdownButton bleibt leer nach der item-Auswahl. Wie können wir Sie füllen mit dem ausgewählten text?
    • da dropdownbutton fest ist nicht die Erhaltung des Staates. So müssen Sie die value - Eigenschaft auf etwas-und in onChanged Sie haben, um die anfangs-Wert über setState() nennen.
    InformationsquelleAutor Collin Jackson
  2. 1

    Können Sie versuchen, das plugin, das ich erstellt : flutter_search_panel. Nicht ein dropdown-plugin, aber Sie können die Elemente anzuzeigen, die mit der suchen-Funktion.

    Verwenden Sie den folgenden code für die Verwendung der widget :

        FlutterSearchPanel(
        padding: EdgeInsets.all(10.0),
        selected: 'a',
        title: 'Demo Search Page',
        data: ['This', 'is', 'a', 'test', 'array'],
        icon: new Icon(Icons.label, color: Colors.black),
        color: Colors.white,
        textStyle: new TextStyle(color: Colors.black, fontWeight: FontWeight.bold, fontSize: 20.0, decorationStyle: TextDecorationStyle.dotted),
        onChanged: (value) {
          print(value);
        },
   ),
    InformationsquelleAutor dranzer
Schreibe einen Kommentar