GursheeshSingh/social_media_widgets

Social Media Widgets - package

A new flutter package for collection of common popular social media widgets

Currently available widgets

• Snapchat screen dismiss - By swiping down
• Instagram story swipe

Adding basic Snapchat screen dismiss

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => SnapchatDismiss(
      child: Screen('Screen', Colors.redAccent),
    ),
  ),
);

Here we are navigating to another screen and applying the snapchat screen dismiss

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot1.gif

Adding basic Snapchat screen dismiss with previous screen as background

Navigator.push(
  context,
  PageRouteBuilder(
    opaque: false,
    pageBuilder: (_, __, ___) =>
        SnapchatDismiss(child: Screen('Screen', Colors.redAccent),)
  ),
);

Here we are navigating to another screen and applying the snapchat screen dismiss and with the previous screen as background when we dismiss

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot2.gif

Adding basic Snapchat screen dismiss with increased dismiss height

Navigator.push(
  context,
  PageRouteBuilder(
    opaque: false,
    pageBuilder: (_, __, ___) => SnapchatDismiss(
      dismissHeight: 250,
      child: Screen('Screen', Colors.redAccent),
    ),
  ),
);

Here we are navigating to another screen and applying the snapchat screen dismiss and this will require more drag than default to dismiss screen

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot3.gif

Basic Instagram Story Swipe

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => InstagramStorySwipe(
      children: <Widget>[
        Screen('Screen 1', Colors.lightBlueAccent),
        Screen('Screen 2', Colors.redAccent),
        Screen('Screen 3', Colors.greenAccent),
      ],
    ),
  ),
);

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot4.gif

Instagram Story Swipe with initial page specified

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => InstagramStorySwipe(
      initialPage: 1,
      children: <Widget>[
        Screen('Screen 1', Colors.lightBlueAccent),
        Screen('Screen 2', Colors.redAccent),
        Screen('Screen 3', Colors.greenAccent),
      ],
    ),
  ),
);

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot5.gif

Instagram Story Swipe and snapchat dismiss combined

Navigator.push(
  context,
  PageRouteBuilder(
    pageBuilder: (_, __, ___) => SnapchatDismiss(
      child: InstagramStorySwipe(
        initialPage: 1,
        children: <Widget>[
          Screen('Screen 1', Colors.lightBlueAccent),
          Screen('Screen 2', Colors.redAccent),
          Screen('Screen 3', Colors.greenAccent),
        ],
      ),
    ),
  ),
);

https://github.com/GursheeshSingh/social_media_widgets/blob/master/screenshots/screenshot6.gif