在Flutter中使用Navigator.push（）时出现黑屏

Question

我正在尝试使用Navigator.push导航到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语句运行，但是由于某种原因，我无法使Navigator.push正常工作。它仅导航到黑屏。

对于上下文，这是“结果”页面-只是带有应用栏的简单支架。但是应用栏不会显示在下一页：

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

Answer 1

啊，事实是问题在于我在页面上有两个FloatingActionButtons，所以它与Navigator路线混在一起。

我发现的这篇中型文章是解决该问题的不错指南：https://medium.com/@kaendagger/test-cef30fcb5c54