Блог

Нажмите действие AppBar, чтобы развернуть всплывающее окно ниже, и снова нажмите действие, чтобы уменьшить всплывающее окно.Или есть рекомендация плагина с таким эффектом?

Если у вас простой вид, вы можете использовать простое всплывающее окно, смотрите Это руководство.

Если представление о вас более сложное, вы должны настроить его. Вам нужно создать Widget контейнер как меню, так и развернутую часть, настраиваемый дисплей, подобный главной странице. Затем покажите его как диалоговое окно.

 showGeneralDialog(
  context: context,
  barrierColor: Colors.black12.withOpacity(0.6), // background color
  barrierDismissible: false, // should dialog be dismissed when tapped outside
  barrierLabel: "Dialog", // label for barrier
  transitionDuration: Duration(milliseconds: 400), // how long it takes to popup dialog after button click
  pageBuilder: (_, __, ___) { // your widget implementation
    FocusScope.of(context).requestFocus(_focusNodeCity);
    return SafeArea(
      child: Material(
        color: Colors.transparent,
        child: SizedBox.expand( // makes widget fullscreen
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
          
            ],
          ),
        ),
      ),
    );
  },
);