Черный экран при использовании Navigator.pu sh () во флаттере

Question

Я пытаюсь использовать Navigator.pu sh для перехода на новую страницу в Flutter. Вот что у меня получилось:

GestureDetector(
            onTap: () {
              print('Test');
//              Navigator.push(context,
//                  MaterialPageRoute(builder: (context) => ResultsPage()));
            },
            child: Container(
              color: Color(0xFFff474b),
              child: Center(
                child: Text('CALCULATE', style: kButtonText),
              ),
              padding: EdgeInsets.only(bottom: 20.0),
              width: double.infinity,
              height: 80.0,
              margin: EdgeInsets.only(top: 10.0),
            ),
          ),

Код, который я хочу реализовать, закомментирован, так как я тестировал onTap с оператором print.

Интересно , оператор print выполняется, но по какой-то причине я не могу заставить Navigator.pu sh работать. Он перемещается только на черный экран.

Для контекста это страница результатов - просто простой каркас с панелью приложений. Но панель приложений не отображается на следующей странице:

class ResultsPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Calculated Distance'),
      ),
    );
  }
}

Answer 1

добавить ResultsPage () к вашим маршрутам, добавить это к вам MaterialApp (

MaterialApp( 
  initialRoute: '/',
              routes: {
                '/': (_) => HOME(),
                '/home': (_) => ResultsPage(),
              }, ) 

Answer 2

Ааа, получается, проблема в том, что у меня на странице есть две кнопки FloatingActionButton, и это портит маршрут Navigator.

Эта статья, которую я нашел, является хорошим руководством для решения: https://medium.com/@kaendagger / тест-cef30fcb5c54