Функция showModalBottomSheet при закрытии

Я хочу добавить функцию, когда showModalBottomSheet закрыт или когда барьер коснулся функции запуска (маршрутизация на главную страницу), но как?

Я хочу запустить это, когда барьер постучал / модальный закрылся

Navigator.pushNamedAndRemoveUntil(context, '/mainMenuPage', (route) => false);

Модальный код

showModalBottomSheet(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(
        top: Radius.circular(25.0),
      ),
    ),
    backgroundColor: Colors.white,
    context: context,
    builder: (context) => Widget(...),
   );
  }

Вы можете использовать .then на showModalBottomSheet и делать то, что хотите, после того, как он закроется.

— 21.03.2022 11:30

но он возвращает <асинхронную приостановку> в консоли отладки

— 21.03.2022 11:39

stackoverflow.com/questions/60658945/…

— 21.03.2022 11:40

flutter dart

21.03.2022 11:25

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

showModalBottomSheet(
    context: context,
    builder: (context){
      return Text("example");
    }
).then((value) => {
  Navigator.of(context).push(MaterialPageRoute(builder: (context) => const Page2()))
});

Вы можете попробовать так.

21.03.2022 11:45

Ответ принят как подходящий

Попробуйте приведенный ниже код, надеюсь, он вам поможет.

Ваш виджет с нижним листом:

Center(
      child: ElevatedButton(
        child: const Text('showModalBottomSheet'),
        onPressed: () {
          showModalBottomSheet<void>(
            context: context,
            builder: (BuildContext context) {
              return Container(
                height: 200,
                color: Colors.amber,
                child: Center(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    mainAxisSize: MainAxisSize.min,
                    children: <Widget>[
                      const Text('Modal BottomSheet'),
                    ],
                  ), //MyWidget()
                ),
              );
            },
          ).then(
            (value) => Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => MyWidget(),
              ),
            ),
          );
        },
      ),
    ),

Другой класс:

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      child: Center(
        child: Text(
          'Hello, World!',
          style: Theme.of(context).textTheme.headline4,
        ),
      ),
    );
  }
}

.then() -> Это означает, что следующие инструкции будут выполнены. Но это позволяет выполнять код после завершения асинхронного метода.

21.03.2022 11:57