Операция навигатора запрошена с контекстом, который не включает в себя statefulwidget навигатора

Question

Я работаю над кодом Флаттера, который следует. У меня есть проблемы со второй кнопкой под названием "Regitrese". Каждое место, где я смотрел, работает с виджетами без состояния, поэтому я не уверен, как это исправить. Я попытался изменить void, чтобы поставить его дома: MyHomePage() и установить MyHomePage в statefull вместо того, чтобы извлекать statefull из шины MyApp. Это показывает ошибку. Отсутствует конкретная реализация StatefulWidget.createState. Я не уверен, как это должно идти. Можете ли вы заставить кнопку работать в StatefulWidget? Есть ли уловка, которую я не вижу?

void main()=> runApp(new MyApp());

class MyApp extends StatefulWidget{
 @override
   State<StatefulWidget> createState(){
     return new MyHomePage();
   }
}

class MyHomePage extends State<MyApp>{
 final TextEditingController rutController = TextEditingController();
 final TextEditingController passwordController = TextEditingController();
 var _rut, _password;

 @override
 Widget build(BuildContext context) {
   return new MaterialApp(
   home: new Scaffold(
    body: new Container(
      padding: const EdgeInsets.all(50.0),
      child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          TextFormField(
            controller: this.rutController,
            decoration: InputDecoration(
              labelText: 'Rut',
              hintText: 'eg. 154683265',
                suffixIcon: IconButton(
                  icon: Icon(Icons.clear),
                  onPressed: () {
                    rutController.clear();
                  }
                )
            ),
          ),
          TextFormField(
            controller: this.passwordController,
            decoration: InputDecoration(
              labelText: 'Contraseña',
              hintText: 'Contraseña',
                suffixIcon: IconButton(
                    icon: Icon(Icons.clear),
                    onPressed: () {
                      passwordController.clear();
                    },
                )
            ),
            obscureText: true,
          ),
          RaisedButton(
            onPressed: (){
              loginButton(rut: this.rutController.text, password: this.passwordController.text);
            },
            child: Text('Login'),
          ),
          RaisedButton(
            onPressed: (){
              Navigator.push(
                 context,
                 MaterialPageRoute(builder(context)=>SelectUserPage())
              )
            },
            child: Text('Registrese'),
          ),
        ],
      ),
    ),
  ),
 );
}
}

class SelectUserType extends StatelessWidget{
 @override
 Widget build(BuildContext context){
  return new Container(
   child: new Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      RaisedButton(
        onPressed: (){
          //Do something
        },
        child: Text(''),
      ),
      RaisedButton(
        onPressed: (){
          //Do something
        },
        child: Text(''),
      ),
    ],
  ),
);
}
}

Answer 1

Дело в том, что вам нужно получить доступ к контексту ниже MaterialApp виджет, который добавляет Navigator к дереву. Если вы посмотрите на свой код context выше этого.

Один из способов решить эту проблему - переместить часть дерева в другой виджет.

Или вы можете использовать Builder вокруг вашей кнопки или вокруг Column как в следующем коде:

      Builder(
        builder: (context) => RaisedButton(
              onPressed: () {
                Navigator.push(context,
                    MaterialPageRoute(
                        builder: (context) => SelectUserType()));
              },
              child: Text('Registrese'),
            ),
      ),