フラッターはすべてのルートを削除します

ログインルートに移動し、から他のすべてのルートを削除するログアウトボタンを開発したいと思いますNavigator。ドキュメントには、RoutePredicateまたは任意の種類のremoveAll関数の作成方法が説明されていないようです。

私は次のコードでこれを達成することができました：

Navigator.of(context)
    .pushNamedAndRemoveUntil('/login', (Route<dynamic> route) => false);

ここでの秘密は、常にfalseを返すRoutePredicateを使用すること(Route<dynamic> route) => falseです。この状況では、/loginプッシュした新しいルートを除くすべてのルートが削除されます。

私は次のコードスニペットで行うことができます：

 Navigator.of(context).pushAndRemoveUntil(MaterialPageRoute(builder: (context) =>
    LoginScreen()), (Route<dynamic> route) => false),

プッシュされたルートの下にあるすべてのルートを削除する場合、RoutePredicateは常にfalseを返します（例：（Route route）=> false）。

別の選択肢は popUntil()

Navigator.of(context).popUntil(ModalRoute.withName('/root'));

これにより、指定されたルートに戻るまで、すべてのルートがポップオフされます。

別の解決策は、を使用することpushAndRemoveUntil()です。他のすべてのルートを削除するには、ModalRoute.withName('/')

Navigator.pushAndRemoveUntil(
    context,   
    MaterialPageRoute(builder: (BuildContext context) => Login()), 
    ModalRoute.withName('/')
);

参照：https：//api.flutter.dev/flutter/widgets/NavigatorState/pushAndRemoveUntil.html

特定の画面に戻りたいが、名前付きルーターを使用しない場合は、次のアプローチを使用できます

例：

Navigator.pushAndRemoveUntil(context,
                  MaterialPageRoute(builder: (BuildContext context) => SingleShowPage()),
                  (Route<dynamic> route) => route is HomePage
              );

ホームページのルートである、あなたのウィジェットの名前を確認してください。

namedRoutesを使用している場合は、次の方法でこれを行うことができます。

Navigator.pushNamedAndRemoveUntil(context, "/login", (Route<dynamic> route) => false);

ここで、「/ login」は、ルートスタックにプッシュするルートです。

ご了承ください ：

このステートメントは、スタック内のすべてのルートを削除し、プッシュされたルートをルートにします。

SchedularBindingInstanceを使用したソリューションについて誰も言及しなかった理由はわかりませんが、パーティーに少し遅れましたが、これが最初にここで回答された正しい方法だと思います

    SchedulerBinding.instance.addPostFrameCallback((_) async {
                              Navigator.of(context).pushNamedAndRemoveUntil(
                                  '/login',
                                  (Route<dynamic> route) => false);
                            });

上記のコードは、「/ login」へのすべてのルートとナビゲーションを削除します。これにより、コールバックをスケジュールして、新しいルートに移動する前にすべてのフレームがレンダリングされるようになります。

これは私のために働いています。実際、私はブロックで作業していましたが、私の問題はログイン画面のブロックでした。ログアウト後に更新されませんでした。以前のモデルデータを保持していました。でも、間違ったエントリを入力しましたホーム画面に行きました。

ステップ1：

Navigator.of(context).pushNamedAndRemoveUntil(
        UIData.initialRoute, (Route<dynamic> route) => false);

どこ、 UIData.initialRoute = "/" or "/login"

ステップ2：

画面の更新に取り組んでいます。あなたがブロックで働いているなら、それは非常に役に立ちます。

runApp(MyApp());

どこ、 MyApp() is the root class.

ルートクラス（つまりMyApp）コード

class MyApp extends StatelessWidget {

  final materialApp = Provider(
      child: MaterialApp(
          title: UIData.appName,
          theme: ThemeData(accentColor: UIColor().getAppbarColor(),
            fontFamily: UIData.quickFont,
          ),
          debugShowCheckedModeBanner: false,
          //home: SplashScreen(),
          initialRoute: UIData.initialRoute,
          routes: {
            UIData.initialRoute: (context) => SplashScreen(),
            UIData.loginRoute: (context) => LoginScreen(),
            UIData.homeRoute: (context) => HomeScreen(),
          },
          onUnknownRoute: (RouteSettings rs) => new MaterialPageRoute(
              builder: (context) => new NotFoundPage(
                appTitle: UIData.coming_soon,
                icon: FontAwesomeIcons.solidSmile,
                title: UIData.coming_soon,
                message: "Under Development",
                iconColor: Colors.green,
              )
          )));

  @override
  Widget build(BuildContext context) {
    return materialApp;
  }
}

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

これがマイログアウト方法です。

void logout() async {
    SharedPreferences preferences = await SharedPreferences.getInstance();
    preferences.clear();

    // TODO: we can use UIData.loginRoute instead of UIData.initialRoute
    Navigator.of(context).pushNamedAndRemoveUntil(
        UIData.initialRoute, (Route<dynamic> route) => false);
    //TODO: It's working as refresh the screen
    runApp(MyApp());
  }

私がこれを正しくやっているかどうかわからない

しかし、これはルートウィジェットまでポップする私のユースケースに適しています

void popUntilRoot({Object result}) {
    if (Navigator.of(context).canPop()) {
      pop();
      popUntilRoot();
    }
}

to clear route - 

  onTap: () {
                    //todo to clear route -
                    Navigator.of(context).pop();
                    Navigator.push(context, MaterialPageRoute(builder: (context) => UpdateEmployeeUpdateDateActivity(_token),));
                    widget.listener.onEmployeeDateClick(_day,_month, _year);
}