Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/GursheeshSingh/social_media_widgets
https://github.com/GursheeshSingh/social_media_widgets
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/GursheeshSingh/social_media_widgets
- Owner: GursheeshSingh
- License: bsd-3-clause
- Created: 2020-06-03T12:39:51.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-03T21:57:39.000Z (11 months ago)
- Last Synced: 2024-08-03T14:07:53.081Z (7 months ago)
- Language: Dart
- Size: 2.77 MB
- Stars: 35
- Watchers: 3
- Forks: 12
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
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

## 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

## 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

## 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),
],
),
),
);
## 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),
],
),
),
);
## 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),
],
),
),
),
);