cupertino_back_gesture 0.1.0 copy "cupertino_back_gesture: ^0.1.0" to clipboard
cupertino_back_gesture: ^0.1.0 copied to clipboard

A package to set custom width of iOS back swipe gesture area.

cupertino_back_gesture #

pub package

A Flutter package to set custom width of iOS back swipe gesture area.

Usage #

To use this package, add cupertino_back_gesture as a dependency in your pubspec.yaml file.

Example #

To change width of area where the user can start back swipe for the whole app

  • Wrap your MaterialApp with BackGestureWidthTheme with desired backGestureWidth
  • set iOS builder of pageTransitionsTheme to CupertinoPageTransitionsBuilderCustomBackGestureWidth
import 'package:cupertino_back_gesture/cupertino_back_gesture.dart';

BackGestureWidthTheme(
  backGestureWidth: BackGestureWidth.fraction(1 / 2),
  child: MaterialApp(
    theme: ThemeData(
      pageTransitionsTheme: PageTransitionsTheme(
        builders: {
          TargetPlatform.android: FadeUpwardsPageTransitionsBuilder(),
          TargetPlatform.iOS: CupertinoPageTransitionsBuilderCustomBackGestureWidth(),
        },
      ),
    ),
    home: MainPage(),
  ),
)

Possible variants for backGestureWidth are

  • BackGestureWidth.fixed(w) where w is width in logical pixels
  • BackGestureWidth.fraction(f) where f is fraction of screen width from 0.0 to 1.0

Screenshots #

Areas where back swipe gesture can be started are shaded with hatching

Default Flutter BackGestureWidth.fraction(1 / 2)
before after

Example app #

Complete example can be found in example folder

69
likes
140
pub points
92%
popularity

Publisher

unverified uploader

A package to set custom width of iOS back swipe gesture area.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on cupertino_back_gesture