update to sdk 34 + fix build

android/app/build.gradle

@@ -32,7 +32,7 @@ apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
-    compileSdkVersion 33
+    compileSdkVersion 34
 
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
@@ -50,7 +50,7 @@ android {
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "be.unov.mymuseum.fortsaintheribert"
-        minSdkVersion 20
+        minSdkVersion flutter.minSdkVersion
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName

lib/Components/Carousel/carousel_controller.dart

@@ -0,0 +1,149 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+
+import 'carousel_options.dart';
+import 'carousel_state.dart';
+import 'utils.dart';
+
+abstract class CarouselController {
+  bool get ready;
+
+  Future<Null> get onReady;
+
+  Future<void> nextPage({Duration? duration, Curve? curve});
+
+  Future<void> previousPage({Duration? duration, Curve? curve});
+
+  void jumpToPage(int page);
+
+  Future<void> animateToPage(int page, {Duration? duration, Curve? curve});
+
+  void startAutoPlay();
+
+  void stopAutoPlay();
+
+  factory CarouselController() => CarouselControllerImpl();
+}
+
+class CarouselControllerImpl implements CarouselController {
+  final Completer<Null> _readyCompleter = Completer<Null>();
+
+  CarouselState? _state;
+
+  set state(CarouselState? state) {
+    _state = state;
+    if (!_readyCompleter.isCompleted) {
+      _readyCompleter.complete();
+    }
+  }
+
+  void _setModeController() =>
+      _state!.changeMode(CarouselPageChangedReason.controller);
+
+  @override
+  bool get ready => _state != null;
+
+  @override
+  Future<Null> get onReady => _readyCompleter.future;
+
+  /// Animates the controlled [CarouselSlider] to the next page.
+  ///
+  /// The animation lasts for the given duration and follows the given curve.
+  /// The returned [Future] resolves when the animation completes.
+  Future<void> nextPage(
+      {Duration? duration = const Duration(milliseconds: 300),
+        Curve? curve = Curves.linear}) async {
+    final bool isNeedResetTimer = _state!.options.pauseAutoPlayOnManualNavigate;
+    if (isNeedResetTimer) {
+      _state!.onResetTimer();
+    }
+    _setModeController();
+    await _state!.pageController!.nextPage(duration: duration!, curve: curve!);
+    if (isNeedResetTimer) {
+      _state!.onResumeTimer();
+    }
+  }
+
+  /// Animates the controlled [CarouselSlider] to the previous page.
+  ///
+  /// The animation lasts for the given duration and follows the given curve.
+  /// The returned [Future] resolves when the animation completes.
+  Future<void> previousPage(
+      {Duration? duration = const Duration(milliseconds: 300),
+        Curve? curve = Curves.linear}) async {
+    final bool isNeedResetTimer = _state!.options.pauseAutoPlayOnManualNavigate;
+    if (isNeedResetTimer) {
+      _state!.onResetTimer();
+    }
+    _setModeController();
+    await _state!.pageController!
+        .previousPage(duration: duration!, curve: curve!);
+    if (isNeedResetTimer) {
+      _state!.onResumeTimer();
+    }
+  }
+
+  /// Changes which page is displayed in the controlled [CarouselSlider].
+  ///
+  /// Jumps the page position from its current value to the given value,
+  /// without animation, and without checking if the new value is in range.
+  void jumpToPage(int page) {
+    final index = getRealIndex(_state!.pageController!.page!.toInt(),
+        _state!.realPage - _state!.initialPage, _state!.itemCount);
+
+    _setModeController();
+    final int pageToJump = _state!.pageController!.page!.toInt() + page - index;
+    return _state!.pageController!.jumpToPage(pageToJump);
+  }
+
+  /// Animates the controlled [CarouselSlider] from the current page to the given page.
+  ///
+  /// The animation lasts for the given duration and follows the given curve.
+  /// The returned [Future] resolves when the animation completes.
+  Future<void> animateToPage(int page,
+      {Duration? duration = const Duration(milliseconds: 300),
+        Curve? curve = Curves.linear}) async {
+    final bool isNeedResetTimer = _state!.options.pauseAutoPlayOnManualNavigate;
+    if (isNeedResetTimer) {
+      _state!.onResetTimer();
+    }
+    final index = getRealIndex(_state!.pageController!.page!.toInt(),
+        _state!.realPage - _state!.initialPage, _state!.itemCount);
+    int smallestMovement = page - index;
+    if (_state!.options.enableInfiniteScroll &&
+        _state!.itemCount != null &&
+        _state!.options.animateToClosest) {
+      if ((page - index).abs() > (page + _state!.itemCount! - index).abs()) {
+        smallestMovement = page + _state!.itemCount! - index;
+      } else if ((page - index).abs() >
+          (page - _state!.itemCount! - index).abs()) {
+        smallestMovement = page - _state!.itemCount! - index;
+      }
+    }
+    _setModeController();
+    await _state!.pageController!.animateToPage(
+        _state!.pageController!.page!.toInt() + smallestMovement,
+        duration: duration!,
+        curve: curve!);
+    if (isNeedResetTimer) {
+      _state!.onResumeTimer();
+    }
+  }
+
+  /// Starts the controlled [CarouselSlider] autoplay.
+  ///
+  /// The carousel will only autoPlay if the [autoPlay] parameter
+  /// in [CarouselOptions] is true.
+  void startAutoPlay() {
+    _state!.onResumeTimer();
+  }
+
+  /// Stops the controlled [CarouselSlider] from autoplaying.
+  ///
+  /// This is a more on-demand way of doing this. Use the [autoPlay]
+  /// parameter in [CarouselOptions] to specify the autoPlay behaviour of the carousel.
+  void stopAutoPlay() {
+    _state!.onResetTimer();
+  }
+}

lib/Components/Carousel/carousel_options.dart

@@ -0,0 +1,223 @@
+import 'package:flutter/material.dart';
+
+enum CarouselPageChangedReason { timed, manual, controller }
+
+enum CenterPageEnlargeStrategy { scale, height, zoom }
+
+class CarouselOptions {
+  /// Set carousel height and overrides any existing [aspectRatio].
+  final double? height;
+
+  /// Aspect ratio is used if no height have been declared.
+  ///
+  /// Defaults to 16:9 aspect ratio.
+  final double aspectRatio;
+
+  /// The fraction of the viewport that each page should occupy.
+  ///
+  /// Defaults to 0.8, which means each page fills 80% of the carousel.
+  final double viewportFraction;
+
+  /// The initial page to show when first creating the [CarouselSlider].
+  ///
+  /// Defaults to 0.
+  final int initialPage;
+
+  ///Determines if carousel should loop infinitely or be limited to item length.
+  ///
+  ///Defaults to true, i.e. infinite loop.
+  final bool enableInfiniteScroll;
+
+  ///Determines if carousel should loop to the closest occurence of requested page.
+  ///
+  ///Defaults to true.
+  final bool animateToClosest;
+
+  /// Reverse the order of items if set to true.
+  ///
+  /// Defaults to false.
+  final bool reverse;
+
+  /// Enables auto play, sliding one page at a time.
+  ///
+  /// Use [autoPlayInterval] to determent the frequency of slides.
+  /// Defaults to false.
+  final bool autoPlay;
+
+  /// Sets Duration to determent the frequency of slides when
+  ///
+  /// [autoPlay] is set to true.
+  /// Defaults to 4 seconds.
+  final Duration autoPlayInterval;
+
+  /// The animation duration between two transitioning pages while in auto playback.
+  ///
+  /// Defaults to 800 ms.
+  final Duration autoPlayAnimationDuration;
+
+  /// Determines the animation curve physics.
+  ///
+  /// Defaults to [Curves.fastOutSlowIn].
+  final Curve autoPlayCurve;
+
+  /// Determines if current page should be larger than the side images,
+  /// creating a feeling of depth in the carousel.
+  ///
+  /// Defaults to false.
+  final bool? enlargeCenterPage;
+
+  /// The axis along which the page view scrolls.
+  ///
+  /// Defaults to [Axis.horizontal].
+  final Axis scrollDirection;
+
+  /// Called whenever the page in the center of the viewport changes.
+  final Function(int index, CarouselPageChangedReason reason)? onPageChanged;
+
+  /// Called whenever the carousel is scrolled
+  final ValueChanged<double?>? onScrolled;
+
+  /// How the carousel should respond to user input.
+  ///
+  /// For example, determines how the items continues to animate after the
+  /// user stops dragging the page view.
+  ///
+  /// The physics are modified to snap to page boundaries using
+  /// [PageScrollPhysics] prior to being used.
+  ///
+  /// Defaults to matching platform conventions.
+  final ScrollPhysics? scrollPhysics;
+
+  /// Set to false to disable page snapping, useful for custom scroll behavior.
+  ///
+  /// Default to `true`.
+  final bool pageSnapping;
+
+  /// If `true`, the auto play function will be paused when user is interacting with
+  /// the carousel, and will be resumed when user finish interacting.
+  /// Default to `true`.
+  final bool pauseAutoPlayOnTouch;
+
+  /// If `true`, the auto play function will be paused when user is calling
+  /// pageController's `nextPage` or `previousPage` or `animateToPage` method.
+  /// And after the animation complete, the auto play will be resumed.
+  /// Default to `true`.
+  final bool pauseAutoPlayOnManualNavigate;
+
+  /// If `enableInfiniteScroll` is `false`, and `autoPlay` is `true`, this option
+  /// decide the carousel should go to the first item when it reach the last item or not.
+  /// If set to `true`, the auto play will be paused when it reach the last item.
+  /// If set to `false`, the auto play function will animate to the first item when it was
+  /// in the last item.
+  final bool pauseAutoPlayInFiniteScroll;
+
+  /// Pass a `PageStoragekey` if you want to keep the pageview's position when it was recreated.
+  final PageStorageKey? pageViewKey;
+
+  /// Use [enlargeStrategy] to determine which method to enlarge the center page.
+  final CenterPageEnlargeStrategy enlargeStrategy;
+
+  /// How much the pages next to the center page will be scaled down.
+  /// If `enlargeCenterPage` is false, this property has no effect.
+  final double enlargeFactor;
+
+  /// Whether or not to disable the `Center` widget for each slide.
+  final bool disableCenter;
+
+  /// Whether to add padding to both ends of the list.
+  /// If this is set to true and [viewportFraction] < 1.0, padding will be added such that the first and last child slivers will be in the center of the viewport when scrolled all the way to the start or end, respectively.
+  /// If [viewportFraction] >= 1.0, this property has no effect.
+  /// This property defaults to true and must not be null.
+  final bool padEnds;
+
+  /// Exposed clipBehavior of PageView
+  final Clip clipBehavior;
+
+  CarouselOptions({
+    this.height,
+    this.aspectRatio = 16 / 9,
+    this.viewportFraction = 0.8,
+    this.initialPage = 0,
+    this.enableInfiniteScroll = true,
+    this.animateToClosest = true,
+    this.reverse = false,
+    this.autoPlay = false,
+    this.autoPlayInterval = const Duration(seconds: 4),
+    this.autoPlayAnimationDuration = const Duration(milliseconds: 800),
+    this.autoPlayCurve = Curves.fastOutSlowIn,
+    this.enlargeCenterPage = false,
+    this.onPageChanged,
+    this.onScrolled,
+    this.scrollPhysics,
+    this.pageSnapping = true,
+    this.scrollDirection = Axis.horizontal,
+    this.pauseAutoPlayOnTouch = true,
+    this.pauseAutoPlayOnManualNavigate = true,
+    this.pauseAutoPlayInFiniteScroll = false,
+    this.pageViewKey,
+    this.enlargeStrategy = CenterPageEnlargeStrategy.scale,
+    this.enlargeFactor = 0.3,
+    this.disableCenter = false,
+    this.padEnds = true,
+    this.clipBehavior = Clip.hardEdge,
+  });
+
+  ///Generate new [CarouselOptions] based on old ones.
+
+  CarouselOptions copyWith(
+      {double? height,
+        double? aspectRatio,
+        double? viewportFraction,
+        int? initialPage,
+        bool? enableInfiniteScroll,
+        bool? reverse,
+        bool? autoPlay,
+        Duration? autoPlayInterval,
+        Duration? autoPlayAnimationDuration,
+        Curve? autoPlayCurve,
+        bool? enlargeCenterPage,
+        Function(int index, CarouselPageChangedReason reason)? onPageChanged,
+        ValueChanged<double?>? onScrolled,
+        ScrollPhysics? scrollPhysics,
+        bool? pageSnapping,
+        Axis? scrollDirection,
+        bool? pauseAutoPlayOnTouch,
+        bool? pauseAutoPlayOnManualNavigate,
+        bool? pauseAutoPlayInFiniteScroll,
+        PageStorageKey? pageViewKey,
+        CenterPageEnlargeStrategy? enlargeStrategy,
+        double? enlargeFactor,
+        bool? disableCenter,
+        Clip? clipBehavior,
+        bool? padEnds}) =>
+      CarouselOptions(
+        height: height ?? this.height,
+        aspectRatio: aspectRatio ?? this.aspectRatio,
+        viewportFraction: viewportFraction ?? this.viewportFraction,
+        initialPage: initialPage ?? this.initialPage,
+        enableInfiniteScroll: enableInfiniteScroll ?? this.enableInfiniteScroll,
+        reverse: reverse ?? this.reverse,
+        autoPlay: autoPlay ?? this.autoPlay,
+        autoPlayInterval: autoPlayInterval ?? this.autoPlayInterval,
+        autoPlayAnimationDuration:
+        autoPlayAnimationDuration ?? this.autoPlayAnimationDuration,
+        autoPlayCurve: autoPlayCurve ?? this.autoPlayCurve,
+        enlargeCenterPage: enlargeCenterPage ?? this.enlargeCenterPage,
+        onPageChanged: onPageChanged ?? this.onPageChanged,
+        onScrolled: onScrolled ?? this.onScrolled,
+        scrollPhysics: scrollPhysics ?? this.scrollPhysics,
+        pageSnapping: pageSnapping ?? this.pageSnapping,
+        scrollDirection: scrollDirection ?? this.scrollDirection,
+        pauseAutoPlayOnTouch: pauseAutoPlayOnTouch ?? this.pauseAutoPlayOnTouch,
+        pauseAutoPlayOnManualNavigate:
+        pauseAutoPlayOnManualNavigate ?? this.pauseAutoPlayOnManualNavigate,
+        pauseAutoPlayInFiniteScroll:
+        pauseAutoPlayInFiniteScroll ?? this.pauseAutoPlayInFiniteScroll,
+        pageViewKey: pageViewKey ?? this.pageViewKey,
+        enlargeStrategy: enlargeStrategy ?? this.enlargeStrategy,
+        enlargeFactor: enlargeFactor ?? this.enlargeFactor,
+        disableCenter: disableCenter ?? this.disableCenter,
+        clipBehavior: clipBehavior ?? this.clipBehavior,
+        padEnds: padEnds ?? this.padEnds,
+      );
+}

lib/Components/Carousel/carousel_slider.dart

@@ -0,0 +1,396 @@
+import 'dart:async';
+
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+
+import 'carousel_controller.dart' as cs;
+import 'carousel_options.dart';
+import 'carousel_state.dart';
+import 'utils.dart';
+
+export 'carousel_controller.dart';
+export 'carousel_options.dart';
+
+typedef Widget ExtendedIndexedWidgetBuilder(
+    BuildContext context, int index, int realIndex);
+
+class CarouselSlider extends StatefulWidget {
+  /// [CarouselOptions] to create a [CarouselState] with
+  final CarouselOptions options;
+
+  final bool? disableGesture;
+
+  /// The widgets to be shown in the carousel of default constructor
+  final List<Widget>? items;
+
+  /// The widget item builder that will be used to build item on demand
+  /// The third argument is the PageView's real index, can be used to cooperate
+  /// with Hero.
+  final ExtendedIndexedWidgetBuilder? itemBuilder;
+
+  /// A [MapController], used to control the map.
+  final cs.CarouselControllerImpl _carouselController;
+
+  final int? itemCount;
+
+  CarouselSlider(
+      {required this.items,
+        required this.options,
+        this.disableGesture,
+        cs.CarouselController? carouselController,
+        Key? key})
+      : itemBuilder = null,
+        itemCount = items != null ? items.length : 0,
+        _carouselController = carouselController != null
+            ? carouselController as cs.CarouselControllerImpl
+            : cs.CarouselController() as cs.CarouselControllerImpl,
+        super(key: key);
+
+  /// The on demand item builder constructor
+  CarouselSlider.builder(
+      {required this.itemCount,
+        required this.itemBuilder,
+        required this.options,
+        this.disableGesture,
+        cs.CarouselController? carouselController,
+        Key? key})
+      : items = null,
+        _carouselController = carouselController != null
+            ? carouselController as cs.CarouselControllerImpl
+            : cs.CarouselController() as cs.CarouselControllerImpl,
+        super(key: key);
+
+  @override
+  CarouselSliderState createState() => CarouselSliderState(_carouselController);
+}
+
+class CarouselSliderState extends State<CarouselSlider>
+    with TickerProviderStateMixin {
+  final cs.CarouselControllerImpl carouselController;
+  Timer? timer;
+
+  CarouselOptions get options => widget.options;
+
+  CarouselState? carouselState;
+
+  PageController? pageController;
+
+  /// mode is related to why the page is being changed
+  CarouselPageChangedReason mode = CarouselPageChangedReason.controller;
+
+  CarouselSliderState(this.carouselController);
+
+  void changeMode(CarouselPageChangedReason _mode) {
+    mode = _mode;
+  }
+
+  @override
+  void didUpdateWidget(CarouselSlider oldWidget) {
+    carouselState!.options = options;
+    carouselState!.itemCount = widget.itemCount;
+
+    // pageController needs to be re-initialized to respond to state changes
+    pageController = PageController(
+      viewportFraction: options.viewportFraction,
+      initialPage: carouselState!.realPage,
+    );
+    carouselState!.pageController = pageController;
+
+    // handle autoplay when state changes
+    handleAutoPlay();
+
+    super.didUpdateWidget(oldWidget);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    carouselState =
+        CarouselState(this.options, clearTimer, resumeTimer, this.changeMode);
+
+    carouselState!.itemCount = widget.itemCount;
+    carouselController.state = carouselState;
+    carouselState!.initialPage = widget.options.initialPage;
+    carouselState!.realPage = options.enableInfiniteScroll
+        ? carouselState!.realPage + carouselState!.initialPage
+        : carouselState!.initialPage;
+    handleAutoPlay();
+
+    pageController = PageController(
+      viewportFraction: options.viewportFraction,
+      initialPage: carouselState!.realPage,
+    );
+
+    carouselState!.pageController = pageController;
+  }
+
+  Timer? getTimer() {
+    return widget.options.autoPlay
+        ? Timer.periodic(widget.options.autoPlayInterval, (_) {
+      if (!mounted) {
+        clearTimer();
+        return;
+      }
+
+      final route = ModalRoute.of(context);
+      if (route?.isCurrent == false) {
+        return;
+      }
+
+      CarouselPageChangedReason previousReason = mode;
+      changeMode(CarouselPageChangedReason.timed);
+      int nextPage = carouselState!.pageController!.page!.round() + 1;
+      int itemCount = widget.itemCount ?? widget.items!.length;
+
+      if (nextPage >= itemCount &&
+          widget.options.enableInfiniteScroll == false) {
+        if (widget.options.pauseAutoPlayInFiniteScroll) {
+          clearTimer();
+          return;
+        }
+        nextPage = 0;
+      }
+
+      carouselState!.pageController!
+          .animateToPage(nextPage,
+          duration: widget.options.autoPlayAnimationDuration,
+          curve: widget.options.autoPlayCurve)
+          .then((_) => changeMode(previousReason));
+    })
+        : null;
+  }
+
+  void clearTimer() {
+    if (timer != null) {
+      timer?.cancel();
+      timer = null;
+    }
+  }
+
+  void resumeTimer() {
+    if (timer == null) {
+      timer = getTimer();
+    }
+  }
+
+  void handleAutoPlay() {
+    bool autoPlayEnabled = widget.options.autoPlay;
+
+    if (autoPlayEnabled && timer != null) return;
+
+    clearTimer();
+    if (autoPlayEnabled) {
+      resumeTimer();
+    }
+  }
+
+  Widget getGestureWrapper(Widget child) {
+    Widget wrapper;
+    if (widget.options.height != null) {
+      wrapper = Container(height: widget.options.height, child: child);
+    } else {
+      wrapper =
+          AspectRatio(aspectRatio: widget.options.aspectRatio, child: child);
+    }
+
+    if (true == widget.disableGesture) {
+      return NotificationListener(
+        onNotification: (Notification notification) {
+          if (widget.options.onScrolled != null &&
+              notification is ScrollUpdateNotification) {
+            widget.options.onScrolled!(carouselState!.pageController!.page);
+          }
+          return false;
+        },
+        child: wrapper,
+      );
+    }
+
+    return RawGestureDetector(
+      behavior: HitTestBehavior.opaque,
+      gestures: {
+        _MultipleGestureRecognizer:
+        GestureRecognizerFactoryWithHandlers<_MultipleGestureRecognizer>(
+                () => _MultipleGestureRecognizer(),
+                (_MultipleGestureRecognizer instance) {
+              instance.onStart = (_) {
+                onStart();
+              };
+              instance.onDown = (_) {
+                onPanDown();
+              };
+              instance.onEnd = (_) {
+                onPanUp();
+              };
+              instance.onCancel = () {
+                onPanUp();
+              };
+            }),
+      },
+      child: NotificationListener(
+        onNotification: (Notification notification) {
+          if (widget.options.onScrolled != null &&
+              notification is ScrollUpdateNotification) {
+            widget.options.onScrolled!(carouselState!.pageController!.page);
+          }
+          return false;
+        },
+        child: wrapper,
+      ),
+    );
+  }
+
+  Widget getCenterWrapper(Widget child) {
+    if (widget.options.disableCenter) {
+      return Container(
+        child: child,
+      );
+    }
+    return Center(child: child);
+  }
+
+  Widget getEnlargeWrapper(Widget? child,
+      {double? width,
+        double? height,
+        double? scale,
+        required double itemOffset}) {
+    if (widget.options.enlargeStrategy == CenterPageEnlargeStrategy.height) {
+      return SizedBox(child: child, width: width, height: height);
+    }
+    if (widget.options.enlargeStrategy == CenterPageEnlargeStrategy.zoom) {
+      late Alignment alignment;
+      final bool horizontal = options.scrollDirection == Axis.horizontal;
+      if (itemOffset > 0) {
+        alignment = horizontal ? Alignment.centerRight : Alignment.bottomCenter;
+      } else {
+        alignment = horizontal ? Alignment.centerLeft : Alignment.topCenter;
+      }
+      return Transform.scale(child: child, scale: scale!, alignment: alignment);
+    }
+    return Transform.scale(
+        scale: scale!,
+        child: Container(child: child, width: width, height: height));
+  }
+
+  void onStart() {
+    changeMode(CarouselPageChangedReason.manual);
+  }
+
+  void onPanDown() {
+    if (widget.options.pauseAutoPlayOnTouch) {
+      clearTimer();
+    }
+
+    changeMode(CarouselPageChangedReason.manual);
+  }
+
+  void onPanUp() {
+    if (widget.options.pauseAutoPlayOnTouch) {
+      resumeTimer();
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    clearTimer();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return getGestureWrapper(PageView.builder(
+      padEnds: widget.options.padEnds,
+      scrollBehavior: ScrollConfiguration.of(context).copyWith(
+        scrollbars: false,
+        overscroll: false,
+        dragDevices: {
+          PointerDeviceKind.touch,
+          PointerDeviceKind.mouse,
+        },
+      ),
+      clipBehavior: widget.options.clipBehavior,
+      physics: widget.options.scrollPhysics,
+      scrollDirection: widget.options.scrollDirection,
+      pageSnapping: widget.options.pageSnapping,
+      controller: carouselState!.pageController,
+      reverse: widget.options.reverse,
+      itemCount: widget.options.enableInfiniteScroll ? null : widget.itemCount,
+      key: widget.options.pageViewKey,
+      onPageChanged: (int index) {
+        int currentPage = getRealIndex(index + carouselState!.initialPage,
+            carouselState!.realPage, widget.itemCount);
+        if (widget.options.onPageChanged != null) {
+          widget.options.onPageChanged!(currentPage, mode);
+        }
+      },
+      itemBuilder: (BuildContext context, int idx) {
+        final int index = getRealIndex(idx + carouselState!.initialPage,
+            carouselState!.realPage, widget.itemCount);
+
+        return AnimatedBuilder(
+          animation: carouselState!.pageController!,
+          child: (widget.items != null)
+              ? (widget.items!.length > 0 ? widget.items![index] : Container())
+              : widget.itemBuilder!(context, index, idx),
+          builder: (BuildContext context, child) {
+            double distortionValue = 1.0;
+            // if `enlargeCenterPage` is true, we must calculate the carousel item's height
+            // to display the visual effect
+            double itemOffset = 0;
+            if (widget.options.enlargeCenterPage != null &&
+                widget.options.enlargeCenterPage == true) {
+              // pageController.page can only be accessed after the first build,
+              // so in the first build we calculate the itemoffset manually
+              var position = carouselState?.pageController?.position;
+              if (position != null &&
+                  position.hasPixels &&
+                  position.hasContentDimensions) {
+                var _page = carouselState?.pageController?.page;
+                if (_page != null) {
+                  itemOffset = _page - idx;
+                }
+              } else {
+                BuildContext storageContext = carouselState!
+                    .pageController!.position.context.storageContext;
+                final double? previousSavedPosition =
+                PageStorage.of(storageContext)?.readState(storageContext)
+                as double?;
+                if (previousSavedPosition != null) {
+                  itemOffset = previousSavedPosition - idx.toDouble();
+                } else {
+                  itemOffset =
+                      carouselState!.realPage.toDouble() - idx.toDouble();
+                }
+              }
+
+              final double enlargeFactor =
+              options.enlargeFactor.clamp(0.0, 1.0);
+              final num distortionRatio =
+              (1 - (itemOffset.abs() * enlargeFactor)).clamp(0.0, 1.0);
+              distortionValue =
+                  Curves.easeOut.transform(distortionRatio as double);
+            }
+
+            final double height = widget.options.height ??
+                MediaQuery.of(context).size.width *
+                    (1 / widget.options.aspectRatio);
+
+            if (widget.options.scrollDirection == Axis.horizontal) {
+              return getCenterWrapper(getEnlargeWrapper(child,
+                  height: distortionValue * height,
+                  scale: distortionValue,
+                  itemOffset: itemOffset));
+            } else {
+              return getCenterWrapper(getEnlargeWrapper(child,
+                  width: distortionValue * MediaQuery.of(context).size.width,
+                  scale: distortionValue,
+                  itemOffset: itemOffset));
+            }
+          },
+        );
+      },
+    ));
+  }
+}
+
+class _MultipleGestureRecognizer extends PanGestureRecognizer {}

lib/Components/Carousel/carousel_state.dart

@@ -0,0 +1,43 @@
+
+import 'package:flutter/material.dart';
+
+import 'carousel_options.dart';
+
+class CarouselState {
+  /// The [CarouselOptions] to create this state
+  CarouselOptions options;
+
+  /// [pageController] is created using the properties passed to the constructor
+  /// and can be used to control the [PageView] it is passed to.
+  PageController? pageController;
+
+  /// The actual index of the [PageView].
+  ///
+  /// This value can be ignored unless you know the carousel will be scrolled
+  /// backwards more then 10000 pages.
+  /// Defaults to 10000 to simulate infinite backwards scrolling.
+  int realPage = 10000;
+
+  /// The initial index of the [PageView] on [CarouselSlider] init.
+  ///
+  int initialPage = 0;
+
+  /// The widgets count that should be shown at carousel
+  int? itemCount;
+
+  /// Will be called when using pageController to go to next page or
+  /// previous page. It will clear the autoPlay timer.
+  /// Internal use only
+  Function onResetTimer;
+
+  /// Will be called when using pageController to go to next page or
+  /// previous page. It will restart the autoPlay timer.
+  /// Internal use only
+  Function onResumeTimer;
+
+  /// The callback to set the Reason Carousel changed
+  Function(CarouselPageChangedReason) changeMode;
+
+  CarouselState(
+      this.options, this.onResetTimer, this.onResumeTimer, this.changeMode);
+}

lib/Components/Carousel/utils.dart

@@ -0,0 +1,23 @@
+/// Converts an index of a set size to the corresponding index of a collection of another size
+/// as if they were circular.
+///
+/// Takes a [position] from collection Foo, a [base] from where Foo's index originated
+/// and the [length] of a second collection Baa, for which the correlating index is sought.
+///
+/// For example; We have a Carousel of 10000(simulating infinity) but only 6 images.
+/// We need to repeat the images to give the illusion of a never ending stream.
+/// By calling _getRealIndex with position and base we get an offset.
+/// This offset modulo our length, 6, will return a number between 0 and 5, which represent the image
+/// to be placed in the given position.
+int getRealIndex(int position, int base, int? length) {
+  final int offset = position - base;
+  return remainder(offset, length);
+}
+
+/// Returns the remainder of the modulo operation [input] % [source], and adjust it for
+/// negative values.
+int remainder(int input, int? source) {
+  if (source == 0) return 0;
+  final int result = input % source!;
+  return result < 0 ? source + result : result;
+}

lib/Components/SliderImages.dart

@@ -1,5 +1,4 @@
 import 'dart:convert';
-import 'package:carousel_slider/carousel_slider.dart';
 import 'package:flutter/material.dart';
 import 'package:manager_api/api.dart';
 import 'package:mymuseum_visitapp/Components/ShowImagePopup.dart';
@@ -8,6 +7,7 @@ import 'package:mymuseum_visitapp/Models/visitContext.dart';
 import 'package:mymuseum_visitapp/app_context.dart';
 import 'package:mymuseum_visitapp/constants.dart';
 import 'package:provider/provider.dart';
+import 'package:mymuseum_visitapp/Components/Carousel/carousel_slider.dart' as cs;
 
 class SliderImagesWidget extends StatefulWidget {
   final List<ResourceModel?> resources;
@@ -21,12 +21,12 @@ class SliderImagesWidget extends StatefulWidget {
 
 class _SliderImagesWidget extends State<SliderImagesWidget> {
   List<ResourceModel?> resourcesInWidget = [];
-  late CarouselController? sliderController;
+  late cs.CarouselController? sliderController;
   final ValueNotifier<int> currentIndex = ValueNotifier<int>(1);
 
   @override
   void initState() {
-    sliderController = CarouselController();
+    sliderController = cs.CarouselController();
     resourcesInWidget = widget.resources;
     super.initState();
   }
@@ -52,10 +52,10 @@ class _SliderImagesWidget extends State<SliderImagesWidget> {
                 mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                 children: [
                   if(resourcesInWidget.isNotEmpty)
-                    CarouselSlider(
+                    cs.CarouselSlider(
                       carouselController: sliderController,
-                      options: CarouselOptions(
+                      options: cs.CarouselOptions(
-                        onPageChanged: (int index, CarouselPageChangedReason reason) {
+                        onPageChanged: (int index, cs.CarouselPageChangedReason reason) {
                           //setState(() {
                             //print("SET STATE");
                             currentIndex.value = index + 1;

lib/Screens/Quizz/questions_list.dart

@@ -1,7 +1,8 @@
-import 'package:carousel_slider/carousel_slider.dart';
+
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
+import 'package:mymuseum_visitapp/Components/Carousel/carousel_slider.dart' as cs;
 import 'package:mymuseum_visitapp/Helpers/translationHelper.dart';
 import 'package:mymuseum_visitapp/Models/ResponseSubDTO.dart';
 import 'package:mymuseum_visitapp/Models/visitContext.dart';
@@ -9,7 +10,6 @@ import 'package:mymuseum_visitapp/app_context.dart';
 import 'package:mymuseum_visitapp/constants.dart';
 import 'package:provider/provider.dart';
 
-
 class QuestionsListWidget extends StatefulWidget {
   List<QuestionSubDTO>? questionsSubDTO;
   bool isShowResponse = false;
@@ -23,7 +23,7 @@ class QuestionsListWidget extends StatefulWidget {
 
 class _QuestionsListWidget extends State<QuestionsListWidget> {
   List<QuestionSubDTO> _questionsSubDTO = <QuestionSubDTO>[];
-  CarouselController? sliderController;
+  cs.CarouselController? sliderController;
   int currentIndex = 1;
 
   bool kIsWeb = false;
@@ -31,7 +31,7 @@ class _QuestionsListWidget extends State<QuestionsListWidget> {
   @override
   void initState() {
     super.initState();
-    sliderController = CarouselController();
+    sliderController = cs.CarouselController();
     _questionsSubDTO = widget.questionsSubDTO!;
   }
 
@@ -69,10 +69,10 @@ class _QuestionsListWidget extends State<QuestionsListWidget> {
                     mainAxisAlignment: MainAxisAlignment.start,
                     children: [
                       if(_questionsSubDTO.isNotEmpty)
-                        CarouselSlider(
+                        cs.CarouselSlider(
                           carouselController: sliderController,
-                          options: CarouselOptions(
+                          options: cs.CarouselOptions(
-                            onPageChanged: (int index, CarouselPageChangedReason reason) {
+                            onPageChanged: (int index, cs.CarouselPageChangedReason reason) {
                               setState(() {
                                 currentIndex = index + 1;
                               });

lib/Screens/Quizz/quizz_page.dart

@@ -2,7 +2,7 @@ import 'dart:convert';
 import 'dart:developer';
 import 'dart:typed_data';
 
-import 'package:carousel_slider/carousel_slider.dart';
+import 'package:mymuseum_visitapp/Components/Carousel/carousel_slider.dart' as cs;
 //import 'package:confetti/confetti.dart';
 import 'package:flutter/material.dart';
 import 'package:manager_api/api.dart';
@@ -44,7 +44,7 @@ class _QuizzPageState extends State<QuizzPage> {
   QuizzDTO? quizzDTO;
   List<QuestionSubDTO> _questionsSubDTO = <QuestionSubDTO>[];
   //ConfettiController? _controllerCenter;
-  CarouselController? sliderController;
+  cs.CarouselController? sliderController;
   int currentIndex = 1;
   bool showResult = false;
   bool showResponses = false;
@@ -59,7 +59,7 @@ class _QuizzPageState extends State<QuizzPage> {
     //_controllerCenter = ConfettiController(duration: const Duration(seconds: 10));
     //_controllerCenter!.play();
 
-    sliderController = CarouselController();
+    sliderController = cs.CarouselController();
 
     super.initState();
   }

lib/main.dart

@@ -102,7 +102,7 @@ class _MyAppState extends State<MyApp> {
             primarySwatch: Colors.blue,
             scaffoldBackgroundColor: kBackgroundColor,
             //fontFamily: "Vollkorn",
-            textTheme: const TextTheme(bodyText1: TextStyle(color: kTestSecondColor)),
+            textTheme: const TextTheme(bodyLarge: TextStyle(color: kTestSecondColor)),
             visualDensity: VisualDensity.adaptivePlatformDensity,
           ),
           routes: {

pubspec.yaml

@@ -38,10 +38,10 @@ dependencies:
   openapi_generator_annotations: ^4.0.0
   sqflite:
   provider: ^6.0.5
-  carousel_slider: ^4.2.1
+  #carousel_slider: ^4.2.1
   #flutter_svg_provider: ^1.0.3
   photo_view: ^0.14.0
-  intl: ^0.18.0
+  intl: ^0.19.0
   flutter_launcher_icons: ^0.10.0
   #audioplayers: ^2.0.0
   just_audio: ^0.9.34