feat: use native navigation instead of getX navigation

packages/fluorflow/README.md

@@ -29,7 +29,7 @@ class MyApp extends StatelessWidget {
       initialRoute: AppRoute.homeView.path,
       onGenerateRoute: onGenerateRoute,
       navigatorKey: NavigationService.navigatorKey,
-      navigatorObservers: [NavigationService.observer()],
+      navigatorObservers: [NavigationService.observer],
     );
   }
 }
@@ -41,12 +41,12 @@ Especially the part for routing is important (if you use FluorFlow views and rou
 initialRoute: AppRoute.homeView.path,
 onGenerateRoute: onGenerateRoute,
 navigatorKey: NavigationService.navigatorKey,
-navigatorObservers: [NavigationService.observer()],
+navigatorObservers: [NavigationService.observer],
 ```
 
-This enables the routing system of FluorFlow (which uses GetX underneath).
+This enables the routing system of FluorFlow.
 
-The other parts of the material app can be as you wish.
+The other parts of the app can be as you wish.
 
 ## Views
 
@@ -176,12 +176,12 @@ final class GreetingBottomSheet extends FluorFlowSimpleBottomSheet<void> {
 }
 ```
 
-Bottom sheets are shown via the `BottomSheetService` that has extension methods
+Bottom sheets are shown via the `NavigationService` that has extension methods
 attached for each bottom sheet. Parameters of sheets are taken into account
 when used with the fluorflow generator.
 
 Dialogs work exactly the same way as bottom sheets, but are shown via the
-`DialogService` and have another base class.
+`Dialogs` extension in the `NavigationService` and have another base class.
 
 **Important:** Bottom sheets are always wrapped in a `Scaffold` widget. Thus,
 they inherit your styles. `Dialogs` do not have this behavior (by design).

packages/fluorflow/example/lib/main.dart

@@ -22,6 +22,6 @@ class MyApp extends StatelessWidget {
         initialRoute: AppRoute.homeView.path,
         onGenerateRoute: onGenerateRoute,
         navigatorKey: NavigationService.navigatorKey,
-        navigatorObservers: [NavigationService.observer()],
+        navigatorObservers: [NavigationService.observer],
       );
 }

packages/fluorflow/example/lib/views/detail/detail_view.dart

@@ -36,6 +36,10 @@ final class DetailView extends FluorFlowView<DetailViewModel> {
                 onPressed: viewModel.back,
                 child: const Text('Back'),
               ),
+              ElevatedButton(
+                onPressed: viewModel.rootBack,
+                child: const Text('Root to home view'),
+              ),
               ElevatedButton(
                 onPressed: viewModel.showBottomSheet,
                 child: const Text('Show Bottom Sheet'),

packages/fluorflow/example/lib/views/detail/detail_viewmodel.dart

@@ -1,18 +1,19 @@
-import 'dart:async';
-
 import 'package:example/app.bottom_sheets.dart';
 import 'package:fluorflow/fluorflow.dart';
 
+import '../../app.router.dart';
+
 final class DetailViewModel extends DataViewModel<int> {
   final _navService = locator<NavigationService>();
-  final _sheets = locator<BottomSheetService>();
 
   DetailViewModel() : super(0);
 
   void showBottomSheet() =>
-      _sheets.showGreetingBottomSheet(callback: () {}, onElement: (_) {});
+      _navService.showGreetingBottomSheet(callback: () {}, onElement: (_) {});
 
   void back() => _navService.back();
 
+  void rootBack() => _navService.rootToHomeView();
+
   void addOne() => data += 1;
 }

packages/fluorflow/example/lib/views/home/home_viewmodel.dart

@@ -4,7 +4,6 @@ import '../../app.dialogs.dart';
 import '../../app.router.dart';
 
 final class HomeViewModel extends BaseViewModel {
-  final _dialogService = locator<DialogService>();
   final _navService = locator<NavigationService>();
 
   var _counter = 0;
@@ -16,9 +15,9 @@ final class HomeViewModel extends BaseViewModel {
     notifyListeners();
   }
 
-  void showTestDialog() => _dialogService.showRedDialog(elements: []);
+  void showTestDialog() => _navService.showRedDialog(elements: []);
 
-  void showSmallDialog() => _dialogService.showSmallDialog();
+  void showSmallDialog() => _navService.showSmallDialog();
 
   void goToDetail() => _navService.navigateToDetailView();
 }

packages/fluorflow/lib/fluorflow.dart

@@ -2,10 +2,8 @@
 library fluorflow;
 
 export 'src/bottom_sheets/bottom_sheet.dart';
-export 'src/bottom_sheets/bottom_sheet_service.dart';
 export 'src/bottom_sheets/simple_bottom_sheet.dart';
 export 'src/dialogs/dialog.dart';
-export 'src/dialogs/dialog_service.dart';
 export 'src/dialogs/simple_dialog.dart';
 export 'src/locator/locator.dart';
 export 'src/navigation/navigation_service.dart';

packages/fluorflow/lib/src/annotations/bottom_sheet_config.dart

@@ -11,18 +11,22 @@ class BottomSheetConfig {
   /// If set to false, the bottom sheet will be displayed at the bottom third(-ish) of the screen.
   final bool defaultFullscreen;
 
-  /// Whether the bottom sheet should ignore the safe area and take up the entire screen.
+  /// Whether the bottom sheet should ignore or use the safe area and take up the entire screen.
   /// This is most likely used in combination with [defaultFullscreen].
-  final bool defaultIgnoreSafeArea;
+  final bool defaultUseSafeArea;
 
   /// Whether the bottom sheet can be dragged by the user.
   final bool defaultDraggable;
 
+  /// Whether the bottom sheet should show a drag handle.
+  final bool defaultShowDragHandle;
+
   /// Decorate a bottom sheet or simple bottomsheet with a [BottomSheetConfig].
   const BottomSheetConfig({
     this.defaultBarrierColor = 0x80000000,
     this.defaultFullscreen = false,
-    this.defaultIgnoreSafeArea = true,
+    this.defaultUseSafeArea = false,
     this.defaultDraggable = true,
+    this.defaultShowDragHandle = false,
   });
 }