feat: use native navigation instead of getX navigation

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,20 @@
-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

@@ -16,9 +16,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,
   });
 }