MediaQuery.of() вызывается с контекстом, который не содержит MediaQuery

Почему я получаю эту ошибку???

Разве Mediaquery не предоставляется MaterialApp? Я не совсем понимаю.

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: themeBuilder(context),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Title'),
        ),
        body: Container(
          alignment: Alignment.center,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                'All their equipment and instruments are alive.',
              ),
              Text(
                'All their equipment and instruments are alive.',
                style: TextStyle(
                  fontSize: 34,
                  fontWeight: FontWeight.w700,
                ),
              ),
              GradientButton(
                child: Text('click me!'),
                onPressed: () {},
                width: MediaQuery.of(context).size.width,
              ),
              TextField()
            ],
          ),
        ),
      ),
    );
  }
}

Я не знаю, что я делаю неправильно здесь. Раньше работал нормально.

Я думаю, у вас есть тот же вопрос [здесь] (stackoverflow.com/questions/50214338/…)

— 04.06.2019 17:15

Я проверил это. Хотя у меня был другой случай. Спасибо, в любом случае :)

— 04.06.2019 18:15

flutter

04.06.2019 16:52

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

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

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

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

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

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

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

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

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

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

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

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

4 469

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

Ответы 1

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

class Test extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return MaterialApp(
   title: Text('Title'),
   theme: themeBuilder(context),
   home: HomePage(),
  );
 }
}

class HomePage extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   final size = MediaQuery.of(context).size;

   return Container(
     child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[

         ...

         GradientButton(
            child: Text('click me!'),
            onPressed: () {},
            width: MediaQuery.of(context).size.width,
          ),
         ]
     ),
   );
 }
}

Попробуйте это и дайте мне знать, как это происходит

04.06.2019 18:51