Back Button 重复，出现没有配置 Flutter

Question

我正在用 Flutter 开发一个应用程序，我在某个页面上添加了一个后退按钮，现在这个按钮显示在代码中的任何地方。如何确保此按钮仅显示在我想要的页面中？按下后退按钮后不在整个代码中？我正在发布主页面和创建后退按钮的页面，这是我添加后退按钮的唯一类。

代码

import 'package:MECTS_Mobile_Application/Home/routes.dart';
import 'package:flutter/material.dart';

class Home extends StatefulWidget{
@override
State<StatefulWidget> createState() => new _Home();
}

class _Home extends State<Home> {
 var services = [
'Track Routes',
'View Vehicles',
'View Reports',
 ];

 var images = [
'imageapp/cardone.png',
'imageapp/cardtwo.png',
'imageapp/cardthree.png',
];

@override
 Widget build(BuildContext context) {

 void move(){
   Navigator.of(context).pushReplacementNamed(Routes.routeName);
 }

return GridView.builder(
  padding: const EdgeInsets.symmetric(vertical:80.0),
  itemCount: 3,
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 1,
    childAspectRatio: MediaQuery.of(context).size.width/(MediaQuery.of(context).size.height/6),
  ),
  itemBuilder: (BuildContext context, int index){
    return Card(
      child: Column(children: <Widget> [
        SizedBox(
          height: 10,
          width: 20,
        ),
          Image.asset(images[index],height:65,width: 750,
          ),
          Padding(
            padding: EdgeInsets.all(10),
            child: GestureDetector(
            onTap: move,
            child: Text(services[index], 
            style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold), 
            textAlign: TextAlign.center,
            )
            )
            ),
          ],
         ),
        );
      },
   );
 }
}

主页：

      import 'package:MECTS_Mobile_Application/Authentication/login_page.dart';
      import 'package:MECTS_Mobile_Application/Authentication/register_page.dart';
      import 'package:MECTS_Mobile_Application/Home/reports.dart';
      import 'package:MECTS_Mobile_Application/Home/splashscreen.dart';
      import 'package:MECTS_Mobile_Application/Home/vehicles.dart';
      import 'Home/routes.dart';
      import 'root.dart';
      import 'package:flutter/material.dart';


       void main() {
     runApp(new MyApp());
     }

     class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
     return new MaterialApp(
      title: 'MECTS',
      theme: new ThemeData(primarySwatch: Colors.cyan),
      home: new SplashMECTSScreen(),
      routes: {
    LoginPage.routeName: (ctx) => LoginPage(),
    RegisterPage.routeName: (ctx) => RegisterPage(),
    Routes.routeName: (ctx) => Routes(),
    Reports.routeName: (ctx) => Reports(),
    Vehicles.routeName: (ctx) => Vehicles(),
    RootPage.routeName: (ctx) => RootPage(),
    },
   );
  }
 }

屏幕

Answer 1

解决我的问题的是使用：

Navigator.of(context).popAndPushNamed(RootPage.routeName);