【问题标题】:Flutter DropdownButton is Failed颤振下拉按钮失败
【发布时间】:2018-11-23 04:51:03
【问题描述】:

我在 appBar 和 Scaffold 的正文中创建了两个 DropdownButtons。Top DropdownButton 在选择时更改语言。在我从第二个下拉按钮中选择一个转换率并更改语言后,代码崩溃了。这是代码..

import 'package:flutter/material.dart';

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

 class MyApp extends StatelessWidget {

  @override
   Widget build(BuildContext context) {
    return new MaterialApp(
     title: 'Flutter Demo',
     theme: new ThemeData(
     primarySwatch: Colors.blue),
     home: new MyHomePage(title: 'Flutter Demo Home Page'),
     );
    }
   }

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

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

   class User {
    User(this.name);
    final String name;
   }

   class CurrencyClass {
     final String currencyType;
     CurrencyClass(this.currencyType);
   }
   class _MyHomePageState extends State<MyHomePage> {

     User selectedUser;
     CurrencyClass selectedCurrency;
     List<User> users = <User> 
       [User('English'),User('Amharic'),User('Oromigna'),
       User('Tigrigna'),User('Somali')];
      List<CurrencyClass> currency = <CurrencyClass>[
          CurrencyClass('USD'),
          CurrencyClass('GBP'),
          CurrencyClass('CAD'),
          CurrencyClass('AUD'),
          CurrencyClass('EURO'),CurrencyClass('SAR'),];

     @override
      void initState() {
      super.initState();
      selectedUser = users[0];  
      }

   @override
     Widget build(BuildContext context) {
      return new Scaffold(
      appBar: new AppBar(
      title: new Text(widget.title),
      actions: <Widget>[ 
      DropdownButton<User>(
      value: selectedUser,

      onChanged:(User newValue){
        setState(() {
                      selectedUser = newValue;     

                      if(newValue == users[0]){

                     currency = <CurrencyClass>[CurrencyClass('English'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
                      }
                      else if(newValue == users[1]){
                     currency = <CurrencyClass>[CurrencyClass('Amharic'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
                      } 

                      else if(newValue == users[2]){
                      currency = <CurrencyClass>[CurrencyClass('Oromigna'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];

                      } else if(newValue == users[3]){
                           currency = <CurrencyClass>[CurrencyClass('Tigringa'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];

                      } else {
                      currency = <CurrencyClass>[CurrencyClass('Somaligna'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];

                      }

                    });
      },
      items: users.map((User user){
        return new DropdownMenuItem<User>(
           value: user,
           child:Text(
            user.name,
            style: TextStyle(color:  Colors.black),
          ),
        );
      }).toList(),
    )
    ],
  ),
  body: new Center(
    child: new Column(
      mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[
        new Padding(padding: EdgeInsets.symmetric(vertical: 50.0),),
        new Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Amount',style: TextStyle(fontSize: 20.0),),
            Padding(padding: EdgeInsets.symmetric(horizontal: 15.0)),
            Text('Birr',style: TextStyle(fontSize: 24.0),),
            Padding(padding: EdgeInsets.symmetric(horizontal: 15.0)),
            DropdownButton<CurrencyClass>(
             value: selectedCurrency,
             onChanged: (CurrencyClass newExchange){
               setState(() {
                 selectedCurrency = newExchange;
                          });                     
                },
             items: currency.map((CurrencyClass user2){
                return DropdownMenuItem<CurrencyClass>(
                 value: user2,
                 child: Text(
                   user2.currencyType,
                   style: TextStyle(color: Colors.red),
                 ),
                );
             }).toList(),
            ),
          ],
        ),
       ],
      ),
     ),
    );
   }
  }

这是我在底部下拉按钮中选择一些值后选择顶部下拉按钮时的错误

Launching lib/main.dart on XT1068 in debug mode...
Built build/app/outputs/apk/debug/app-debug.apk.
I/FlutterActivityDelegate(11200): onResume setting current activity to 
this
I/flutter (11200): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY 
╞═══════════════════════════════════════════════════════════
I/flutter (11200): The following assertion was thrown building 
MyHomePage(dirty, state: _MyHomePageState#3ce11):
I/flutter (11200): 'package:flutter/src/material/dropdown.dart': F 
Failed assertion: line 481 pos 15: 'value == null ||
I/flutter (11200): items.where((DropdownMenuItem<T> item) => 
item.value == value).length == 1': is not true.
I/flutter (11200): Either the assertion indicates an error in the 
framework itself, or we should provide substantially
I/flutter (11200): more information in this error message to help you 
determine and fix the underlying cause.

【问题讨论】:

    标签: dart flutter flutter-layout raddropdownbutton


    【解决方案1】:

    原始帖子中的问题是在选择栏下拉菜单时设置货币值。您还需要设置selectedCurrency。

    selectedCurrency = currency[0];

    或者做 Gunter 在编辑中所做的。只是不要更改货币下拉列表,所以完全没有问题。

        onChanged:(User newValue){
          setState(() {
            selectedUser = newValue;
    
            if(newValue == users[0]){
              currency = <CurrencyClass>[CurrencyClass('English'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
            }
            else if(newValue == users[1]){
              currency = <CurrencyClass>[CurrencyClass('Amharic'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
            }
            else if(newValue == users[2]){
              currency = <CurrencyClass>[CurrencyClass('Oromigna'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
            }
            else if(newValue == users[3]){
              currency = <CurrencyClass>[CurrencyClass('Tigringa'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
            }
            else {
              currency = <CurrencyClass>[CurrencyClass('Somaligna'),CurrencyClass('CAD'),CurrencyClass('AUD'),CurrencyClass('EURO'),CurrencyClass('SAR')];
            }
            selectedCurrency = currency[0];
          });
        },
    

    【讨论】:

    • 谢谢@chemamolins!解决了!但是我希望在选择一种语言时货币下拉按钮为空,以便用户可以再次选择而不使其选中Currency = currency[0]。有没有办法?
    • 您可以在开头添加一个空字符串,然后像上面一样选择那个[0]。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-02-13
    • 2021-10-24
    • 2021-04-22
    • 2021-02-19
    • 2018-08-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多