Приложение аварийно завершает работу при нажатии кнопки выпадающего списка (трепетание)

#android #flutter #dart #flutter-dropdownbutton

Вопрос:

Поэтому я создал раскрывающуюся кнопку в своем приложении. Дело в том, что всякий раз, когда я нажимаю на раскрывающийся список, приложение вылетает. Я так смущен, потому что, когда я нажимаю другие виджеты, такие как текстовые поля, перед нажатием кнопки раскрывающегося списка, кажется, что они работают правильно.

сообщение об ошибке: 'package:flutter/src/material/dropdown.dart': Failed assertion: line 581 pos 12: 'menuHeight == menuBottom - menuTop': is not true.

Вот моя кнопка выпадающего списка:

 import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: DropDownTry(),
    );
  }
}

class DropDownTry extends StatefulWidget {
  const DropDownTry({Key? key}) : super(key: key);

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

class _DropDownTryState extends State<DropDownTry> {
  String dropdownValue = 'Male';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: DropdownButton<String>(
              value: dropdownValue,
              icon: const Icon(Icons.arrow_downward),
              iconSize: 24,
              elevation: 16,
              underline: SizedBox(),
              onChanged: (String? newValue) {
                setState(() {
                  dropdownValue = newValue!;
                });
              },
              items: <String>['Male', 'Female']
                  .map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
            )),
      ),
    );
  }
}
 

Ответ №1:

Попробуйте ниже кода, надеюсь, это поможет вам попытаться удалить const ключевое слово для виджета SizedBox

Объявите одну строковую переменную для раскрывающегося списка по умолчанию

   String? dropdownValue;
 

Ваши Выпадающие Списки

 List gender = [
    'Male',
    'Female',
    'Other',
  ];
 

Ваш Выпадающий Виджет

 DropdownButtonHideUnderline(
              child: DropdownButton(
                hint: Text(
                  'Select Gender',
                  style: TextStyle(
                    color: Colors.black,
                    fontSize: 15,
                  ),
                  textAlign: TextAlign.center,
                ),
                value: dropdownValue,
                onChanged: (String? genderNewValue) {
                  setState(
                    () {
                      dropdownValue = genderNewValue;
                    },
                  );
                },
                items: gender.map<DropdownMenuItem<String>>(
                  (value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(
                        value,
                        style: TextStyle(
                          fontSize: 15,
                        ),
                      ),
                    );
                  },
                ).toList(),
              ),
            ),
 

Ваш экран результатов:
введите описание изображения здесь
введите описание изображения здесь

Комментарии:

1. Я уже сделал это, сэр, но все равно получил ошибку.

2. В чем теперь была ошибка?

3. Извините. Ошибка была та же самая.

4. @Burikay проверьте мой обновленный ответ, надеюсь, он вам поможет.

5. Я попробовал ответить на ваш вопрос, но ошибка была той же самой. Проблема была решена, когда я переустановил свой sdk flutter. Это так запутанно. Кстати, спасибо за помощь.

Ответ №2:

Оберните свой раскрывающийся код в SingleChildScrollView.

экс.

 return Scaffold(
  body: SingleChildScrollView(
    child:Center(
        child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: DropdownButton<String>(
              value: dropdownValue,
              icon: const Icon(Icons.arrow_downward),
              iconSize: 24,
              elevation: 16,
              underline: SizedBox(),
              onChanged: (String? newValue) {
                setState(() {
                  dropdownValue = newValue!;
                });
              },
              items: <String>['Male', 'Female']
                  .map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Text(value),
                );
              }).toList(),
            )),
      ),
  )
)