Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/GursheeshSingh/social_media_widgets


https://github.com/GursheeshSingh/social_media_widgets

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# 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: [
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: [
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: [
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)