flutter pub add route_observer_mixin根據套件公開資料產生的選型評估，僅供參考。
RouteObserveMixin 是一個 Flutter 工具混入，可簡化處理路由生命週期事件，例如 didPush、didPop、didPushNext 和 didPopNext。它讓元件能夠回應導航變更，而無需手動管理路由或使用全域觀察器。適用於與導航流程相關的狀態管理和 UI 更新，在跨多個平台的複雜路由情境中，可簡化互動。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
RouteObserveMixin provides easy access to didPush/didPop/didPushNext/didPopNext.
void main() {
runApp(
MultiProvider(
providers: [
// 1. Wrap MaterialApp with RouteObserverProvider.
RouteObserverProvider(),
ChangeNotifierProvider(create: (context) => Logger())
],
child: const App(),
),
);
// Of course, this is also ok.
// I demonstrated that [MultiProvider] can be used for RouteObserverProvider👍
/*
runApp(
RouteObserverProvider(
child: App(),
),
);
*/
}
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
// 2. Pass RouteObserverProvider.of(context) to navigatorObservers.
navigatorObservers: [RouteObserverProvider.of(context)],
home: const APage(),
);
}
}
with RouteAware, RouteObserverMixin to State and override RouteAware methods.class APage extends StatefulWidget {
const APage({Key key}) : super(key: key);
@override
_APageState createState() => _APageState();
}
// 3. Add `with RouteAware, RouteObserverMixin` to State and override RouteAware methods.
class _APageState extends State<APage> with RouteAware, RouteObserverMixin {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('A Page'),
),
body: Center(
child: RaisedButton(
onPressed: () {
Navigator.of(context).push<void>(
MaterialPageRoute(
builder: (context) => const BPage(),
),
);
},
child: const Text('B Page'),
),
),
);
}
/// Called when the top route has been popped off, and the current route
/// shows up.
@override
void didPopNext() { }
/// Called when the current route has been pushed.
@override
void didPush() { }
/// Called when the current route has been popped off.
@override
void didPop() { }
/// Called when a new route has been pushed, and the current route is no
/// longer visible.
@override
void didPushNext() { }
}
依賴清單 4 項
^2.0.0^6.0.0^3.0.0>=0.26.0 <1.0.0暫無相關資料。