Блог

В поисках примеров использования flutter SnackBar с ScaffoldMessenger , я нашел только использование с onPressed функцией:

     Widget build(BuildContext context) {
        return Container(
            child: ElevatedButton(
              child: ...,
              onPressed: () => _showToast(context),
            ));
      }
    
      void _showToast(BuildContext context) {
        final scaffold = ScaffoldMessenger.of(context);
        scaffold.showSnackBar(
          SnackBar(content: const Text('Added to favorite')),
        );
      }
    }
 

но ни один из примеров не объясняет, почему его нужно использовать только с onPressed,
поэтому я попробовал его сам и использовал непосредственно внутри функции сборки:

          Widget build(BuildContext context) {
           _showToast(context);   <---
           return Container(
              child: ElevatedButton(
                ...,
            ));
      }
 

но чем я получил эту ошибку:

и я не уверен, почему это происходит.

В итоге я дал Эшафоту ключ и использовал этот GlobalKey<ScaffoldState> подход, но я действительно хочу понять, почему использование ScaffoldMessenger.of(context).showSnackBar() без обратного вызоваonPressed не сработало

в то время ScaffoldMessenger.of(context) как нам нужно дать некоторое время для правильной визуализации(для полного эшафота). мы можем узнать время по addPostFrameCallback . Также, если вы попытаетесь показать середину виджетов, 1-я часть будет отображаться, но остальные виджеты столкнутся с этой проблемой.

вот суть build метода.

   WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
      _showToast(context);
    });

 

чтобы правильно понять концепцию, мы можем сделать что-то вроде этого.

 Scaffold(
      body: Container(
        height: 100,
        color: Colors.cyanAccent,
        child: Column(
          children: [
            Text("This text will render "),
            Builder(builder: (context) {
              _showToast(context);

              ///but you will be able to see Message
              return Text("it will cause error");
            }),
            Text("This text will not render "),
          ],
        ),
      ),
    );
 

Попробуйте добавить или объявить свою закусочную в будущем.делейд

 Future.delayed(Duration.zero, () async {
                  yourSnackBarFunction();
                });
 

В Flutter функция сборки вызывается самой платформой всякий раз, когда требуется перестроить виджет. Это может произойти много раз!

С другой стороны, вы обычно хотите отобразить тост / закусочную, когда хотите о чем-то сообщить своему пользователю. Таким образом, вы можете отображать закусочную из onPressed и многих других мест, но сама функция сборки предназначена только для создания виджета и не отвечает напрямую на действия пользователя.