adaptive_pop_scope 1.0.1 copy "adaptive_pop_scope: ^1.0.1" to clipboard
adaptive_pop_scope: ^1.0.1 copied to clipboard

Custom pop scope widget to allow Apple user (iOS, iPad and macOs) uses the back gesture


Buy Me Coffee Badge Linkedin Badge Instagram Badge Pub Dev Badge

Adaptive pop scope a custom pop scope widget to allow apple user backs with apple back gesture

Preview #

iOS Android

Getting started #

Add the adaptive_will_pop lib to your pubspec.yaml then run the flutter pub get

dependencies:
  adaptive_will_pop_scope:

import the lib by adding this line code

import 'package:adaptive_will_pop_scope/adaptive_will_pop_scope.dart';

Usage #

Adaptive Will Pop Scope adds two optional params swipeWidth to determines the maximum width that user can swipe (by default it was assigned to the screen width) and swipeThreshold to indicates the onWillPop will be called if the user swipe over this value (by default it was assigned to half of the swipeWidth).

class SeconPage extends StatefulWidget {
  const SeconPage({super.key});

  static MaterialPageRoute get route => MaterialPageRoute(builder: (_) => const SeconPage());

  @override
  State<SeconPage> createState() => _SeconPageState();
}

class _SeconPageState extends State<SeconPage> {
  @override
  Widget build(BuildContext context) {
    final screenWidth = MediaQuery.of(context).size.width;
    return AdaptivePopScope(
      onWillPop: () async => await _showAlertDialog(context) ?? false,
      swipeWidth: screenWidth,
      swipeThreshold: screenWidth / 2,
      child: Scaffold(
        appBar: AppBar(
          title: const Text('Second Page'),
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        ),
        body: const Center(child: Text('Hello World')),
      ),
    );
  }

  Future<bool?> _showAlertDialog(BuildContext context) =>
      showCupertinoModalPopup<bool>(
        context: context,
        builder: (_) => CupertinoAlertDialog(
          title: const Text('Are you sure'),
          content: const Text('you want to navigate away from this page?'),
          actions: <CupertinoDialogAction>[
            CupertinoDialogAction(
              isDefaultAction: true,
              onPressed: () => Navigator.pop(context),
              child: const Text('No'),
            ),
            CupertinoDialogAction(
              isDestructiveAction: true,
              onPressed: () => Navigator.pop(context, true),
              child: const Text('Yes'),
            ),
          ],
        ),
      );
}
3
likes
140
pub points
62%
popularity

Publisher

unverified uploader

Custom pop scope widget to allow Apple user (iOS, iPad and macOs) uses the back gesture

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on adaptive_pop_scope