如何在 flutter DropDownButton 中设置动态提示？

Question

我希望我的下拉按钮根据用户选择的项目而改变。这些是我的变量声明：

class _HomeState extends State<Home> {
  final gb_controller = TextEditingController();
  final brutto_controller = TextEditingController();
  final bAV_controller = TextEditingController();
  int steuerklassen_value = 1;
  String selectedValue = "Steuerklasse";
  String hintValue = "Steuerklasse 1";
  bool loading = false;

  final formkey = GlobalKey<FormState>();

  final steuerklassen = ['I', 'II', 'III', 'IV', 'V', 'VI'];

这是我的 DropDownButton：

child: DropdownButton<String>(
                                      hint: Text(hintValue),
                                      iconSize: 20,
                                      items: steuerklassen
                                          .map((String dropDownStringItem) {
                                        return DropdownMenuItem(
                                          value: dropDownStringItem,
                                          child: Text(dropDownStringItem),
                                        );
                                      }).toList(),
                                      onChanged: (selectedValue) {
                                        setState(() {
                                          for (int i = 1;
                                              i <= steuerklassen.length;
                                              i++)
                                            if (steuerklassen[i] ==
                                                selectedValue) {
                                              this.steuerklassen_value = i + 1;
                                            }
                                          hintValue =
                                              "Steuerklasse $selectedValue";
                                          return steuerklassen_value;
                                        });
                                      },
                                    ),

我希望在选择新项目时更改提示值。我以为我用 hintValue = "Steuerklasse $selectedValue"; 这样做，但显然不是。这是我的应用程序：

下拉按钮上的文本应该会更改，但实际上并没有。

Answer 1

在下拉按钮中添加value。

var changedValue;
DropdownButton<String>(
  hint: Text(hintValue),
  iconSize: 20,
  value: changedValue, //add this parameter
  items: steuerklassen.map((String dropDownStringItem) {
    return DropdownMenuItem(
      value: dropDownStringItem,
      child: Text(dropDownStringItem),
    );
  }).toList(),
  onChanged: (selectedValue) {
    setState(() {
      for (int i = 1; i <= steuerklassen.length; i++)
        if (steuerklassen[i] == selectedValue) {
          this.steuerklassen_value = i + 1;
        }
      changedValue= selectedValue; //this will change the value
    });
  },
),

Answer 2

您可以复制粘贴运行下面的完整代码
您的代码有运行时间错误 RangeError (index): Invalid value: Not in inclusive range
您可以从

for (int i = 1; i <= steuerklassen.length; i++)

至

for (int i = 0; i < steuerklassen.length; i++)

工作演示

完整代码

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int steuerklassen_value = 1;
  String selectedValue = "Steuerklasse";
  String hintValue = "Steuerklasse 1";
  final steuerklassen = ['I', 'II', 'III', 'IV', 'V', 'VI'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            DropdownButton<String>(
              hint: Text("$hintValue"),
              iconSize: 20,
              items: steuerklassen.map((String dropDownStringItem) {
                return DropdownMenuItem(
                  value: dropDownStringItem,
                  child: Text(dropDownStringItem),
                );
              }).toList(),
              onChanged: (selectedValue) {
                setState(() {
                  for (int i = 0; i < steuerklassen.length; i++)
                    if (steuerklassen[i] == selectedValue) {
                      this.steuerklassen_value = i + 1;
                    }
                  hintValue = "Steuerklasse $selectedValue";
                  return steuerklassen_value;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

如何在 flutter DropDownButton 中设置动态提示？

How do I set hint dynamic in flutter DropDownButton?

input

setstate

dart

flutter

dropdownbutton