default_navigation_view_example.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:navigine_sdk/navigine_sdk.dart';

class DefaultNavigationViewExample extends StatefulWidget {
  const DefaultNavigationViewExample({Key? key}) : super(key: key);
 
  @override
  State<DefaultNavigationViewExample> createState() => _DefaultNavigationViewExampleState();
}
 
class _DefaultNavigationViewExampleState extends State<DefaultNavigationViewExample> {
  LocationWindow? _locationWindow;
  final DefaultNavigationViewController _configController = DefaultNavigationViewController();
 
  @override
  Widget build(BuildContext context) {
    return DefaultNavigationView(
      configController: _configController,
      onViewCreated: _onViewCreated,
    );
  }
 
  void _onViewCreated(LocationWindow window) {
    _locationWindow = window;
    _demonstrateRuntimeConfigUpdate();
  }

  static Widget demonstrateConstructor() {
    // [dart_DefaultNavigationView_constructor]
    // Create with default config
    final defaultView = DefaultNavigationView(
      onViewCreated: (LocationWindow window) {
        // Handle window creation
      },
    );
    // [dart_DefaultNavigationView_constructor]
 
    // [dart_DefaultNavigationView_constructor_config]
    // Create with custom configs (configs passed directly)
    final customView = DefaultNavigationView(
      viewConfig: DefaultNavigationViewConfig(
        visibleWidgets: NavigationWidgetVisibility.zoomControls | NavigationWidgetVisibility.followMeButton,  // hide floor selector
      ),
      followMeButtonConfig: FollowMeButtonConfig(accentColor: Color(0xFF30AAD9)),
      onViewCreated: (window) {},
    );
    // [dart_DefaultNavigationView_constructor_config]
 
    return customView;
  }

  static void demonstrateZoomControlsConfig() {
    // [dart_ZoomControlsConfig]
    const zoomConfig = ZoomControlsConfig(
      buttonBackgroundColor: Color(0xF2FAFAFA),
      textColor: Color(0xFF152D47),
      buttonWidth: 48,
      zoomControlsHeight: 96,
    );
    // ZoomControlsConfig(zoomInIcon: Icon(Icons.add), zoomOutIcon: Icon(Icons.remove))
    // [dart_ZoomControlsConfig]
  }

  static void demonstrateFollowMeButtonConfig() {
    // [dart_FollowMeButtonConfig]
    const followMeConfig = FollowMeButtonConfig(
      accentColor: Color(0xFF30AAD9),
      buttonBackgroundColor: Color(0xF2FAFAFA),
      textColor: Color(0xFF152D47),
      buttonWidth: 48,
      buttonHeight: 48,
    );
    // FollowMeButtonConfig(followMeIcon: Image.asset('assets/icon.png'), followMeIconActive: ...)
    // [dart_FollowMeButtonConfig]
  }

  static void demonstrateFloorSelectorViewConfig() {
    // [dart_FloorSelectorViewConfig]
    final floorConfig = FloorSelectorViewConfig(
      accentColor: const Color(0xFF30AAD9),
      textColor: const Color(0xFF152D47),
      buttonBackgroundColor: const Color(0xF2FAFAFA),
      padding: const EdgeInsets.only(left: 16, top: 145),
    );
    // [dart_FloorSelectorViewConfig]
  }

  static Widget demonstrateConfigAtInit() {
    // [dart_DefaultNavigationView_config]
    return DefaultNavigationView(
      viewConfig: DefaultNavigationViewConfig(
        visibleWidgets: NavigationWidgetVisibility.zoomControls | NavigationWidgetVisibility.followMeButton,
      ),
      zoomControlsConfig: ZoomControlsConfig(
        buttonBackgroundColor: Color(0xF2FAFAFA),
      ),
      followMeButtonConfig: FollowMeButtonConfig(
        accentColor: Color(0xFF30AAD9),
      ),
      // followMeButtonConfig: FollowMeButtonConfig(followMeIcon: Image.asset('assets/my_follow_icon.png')),
      // zoomControlsConfig: ZoomControlsConfig(zoomInIcon: Icon(Icons.add), zoomOutIcon: Icon(Icons.remove)),
      onViewCreated: (window) {},
    );
    // [dart_DefaultNavigationView_config]
  }
 
  static void _demonstrateAllConfigs() {
    demonstrateZoomControlsConfig();
    demonstrateFollowMeButtonConfig();
    demonstrateFloorSelectorViewConfig();
  }

  void _demonstrateRuntimeConfigUpdate() {
    // [dart_DefaultNavigationView_runtimeConfig]
    _configController.updateConfig(
      viewConfig: DefaultNavigationViewConfig(
        visibleWidgets: NavigationWidgetVisibility.followMeButton,
      ),
      followMeConfig: FollowMeButtonConfig(accentColor: Color(0xFFFF0000)),
    );  // null = keep current; updates apply immediately
    // [dart_DefaultNavigationView_runtimeConfig]
  }

  static Widget demonstrateWithController() {
    // [dart_DefaultNavigationView_widgetAccess]
    final configController = DefaultNavigationViewController(
      viewConfig: DefaultNavigationViewConfig(visibleWidgets: NavigationWidgetVisibility.all),
    );
    return DefaultNavigationView(
      configController: configController,
      onViewCreated: (window) {
        // Later: configController.updateConfig(viewConfig: ..., zoomConfig: ..., followMeConfig: ..., floorConfig: ...);
      },
    );
    // [dart_DefaultNavigationView_widgetAccess]
  }
}