Re: Erstellen Sie eine Dropdown-Taste im Flattern

Question

Ich habe einen DropDownButton in meinem Build verwendet, aber ich möchte den Pfeil am Ende angezeigt werden und die Dropdown-Elemente von Pfeil angezeigt werden, aber in meiner App werden sie von oben angezeigt . Ich habe die Screenshots als Referenz beigefügt.

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

Ein Beispiel würde sehr geschätzt werden.

Bitte entschuldigen Sie meinen Code, da ich neu in der Programmierung bin und Kommentare oder Vorschläge sehr willkommen sind.

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, 
       ), 
      ), 

      ], 
     ), 
     ), 
    ), 
    ); 
    } 

    } 

Answer 1

Dies sieht aus wie ein Fehler in Flutter. Ich habe eine issue eingereicht.

In der Zwischenzeit können Sie umgehen, indem Sie Ihre DropdownButton in eine Column wickeln.

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: (_) {}, 
      ), 
      ], 
     ), 
     ], 
    ), 
    ); 
    } 
}