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

Overview

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

   

You might also like...

Custom widgets and utils using Flutter framework widgets and Dart language

reuse_widgets_and_utils The custom widgets and utils using Flutter framework widgets and Dart programming language. Getting Started This project is a

Oct 29, 2021

Widgets beginner - Widgets beginner with flutter

Widgets beginner - Widgets beginner with flutter

Widgets beginner - Widgets beginner with flutter

Feb 6, 2022

A new Flutter package project for simple a awesome dialogs

awesome_dialog A new Flutter package project for simple and awesome dialogs Usage To use this package, add awesome_dialog as a dependency in your pubs

Jan 6, 2023

A new Flutter MaterialAlertDialog package project.

A new Flutter MaterialAlertDialog package project.

A new Flutter MaterialAlertDialog package project.Flutter package to implement animated, smiling_face_with_three_hearts Attractive, artstylish Material Dialog in Flutter easily

May 13, 2020

A collection of pixel-perfect iOS-styled components and properties for Flutter, following the official guidelines.

cupertinew ⚠️ Experimental and work in progress ⚠️ A collection of pixel-perfect iOS-styled components and properties for Flutter, following the offic

Nov 10, 2022

A widget that displays a collection of dispersed and non-overlapping children

A widget that displays a collection of dispersed and non-overlapping children

flutter_scatter A widget that displays a collection of dispersed and non-overlapping children. Can be used to create word clouds: Features Built-in de

Sep 27, 2022

Flutter UI Widgets Flutter Package

Flutter UI Widgets Flutter Package This package makes different Flutter UI widgets implementation easy for you. Flutter UI Widgets The list of widgets

May 6, 2022

Flutter Package for Easier Creation of Home Screen Widgets

Flutter Package for Easier Creation of Home Screen Widgets

Home Widget HomeWidget is a Plugin to make it easier to create HomeScreen Widgets on Android and iOS. HomeWidget does not allow writing Widgets with F

Dec 31, 2022

A Flutter package which provides helper widgets for selecting single or multiple account/user from the given list.

A Flutter package which provides helper widgets for selecting single or multiple account/user from the given list.

account_selector A Flutter package which provides helper widgets for selecting single or multiple account/user from a list Supported Dart Versions Dar

Oct 7, 2021
Comments
  • instagramSwipeController not working

    instagramSwipeController not working

    whenever I am trying to call _instagramSwipeController.nextPage(); it throws an error

    The method 'nextPage' was called on null. Receiver: null Tried calling: nextPage()

    opened by mrinaljain 0
  • add video demonstrations for the widgets

    add video demonstrations for the widgets

    The biggest frustration when looking at new packages is whether or not they are worth using. Its incredibly hard to visualize what the interactions are that your package provides. Please add videos to showcase functionality

    opened by colbymaloy 0
  • How can I set up a timer to automatically change to the next screen?

    How can I set up a timer to automatically change to the next screen?

    Hi, Thanks for the package . It's working fine. But I'd like to know if I can add a timer so I can automatically change it to next screen after a while

    opened by pcmushthaq 10
  • Dissmissable circle mask following finger

    Dissmissable circle mask following finger

    Thanks for this great idea of a package. It would be better to add some more interactivity to the animation. While we are swiping down with our finger, circle gets smaller and smaller. If we swipe left or right while swiping down, the circle should follow our fingers. Just like sc

    opened by aytunch 2
Owner
theboringdeveloper
Flutter developer | Android developer | Desktop developer
theboringdeveloper
Helps to turn some popular widgets into Neumorphism style

Helps to turn some popular widgets into Neumorphism style. Features NeumorphicCard: a card with Neumorphism look and feel NeumorphicButton: implements

MinhHo 6 Jun 27, 2022
A template folder for common widgets and useful scripts

Useful-Templates A template folder for common widgets and useful scripts Co-author: PratikJH153 REST API Dart Code: A ready to use repository containi

Atharv Karbhari 2 Mar 3, 2022
A flutter package for displaying common picker dialogs.

Flutter Material Pickers A flutter package containing commonly used material design picker dialogs. Some are new, some wrap existing or built in picke

CodeGrue 89 Jan 2, 2023
A collection of widgets for making amazing onboarding experience in your flutter applications

Pal widgets A flutter package for better onboarding. A set of amazing onboarding widgets for your flutter applications. Install package add in your pu

Apparence.io 25 Oct 7, 2022
Material io ext - A collection of extensions for creating widgets following material.io guidelines

material_io_ext It is a collection of extensions for creating widgets following

null 3 Jan 28, 2022
Flutter package: Assorted layout widgets that boldly go where no native Flutter widgets have gone before.

assorted_layout_widgets I will slowly but surely add interesting widgets, classes and methods to this package. Despite the package name, they are not

Marcelo Glasberg 122 Dec 22, 2022
Flutter debug helper widget with common and custom actions

Flutter debug helper widget with common and custom actions

Stanislav Ilin 43 Dec 7, 2022
A Flutter library to add the Common effect (line, bubble, dot ...) of tab indicator.

flutter_tab_indicator A Flutter library to add the Common effect (line, bubble, dot ...) of tab indicator. Showcases Installation Showcases Showcases

CrabMan 14 Jun 19, 2022
React hooks for Flutter. Hooks are a new kind of object that manages a Widget life-cycles. They are used to increase code sharing between widgets and as a complete replacement for StatefulWidget.

English | Português Flutter Hooks A Flutter implementation of React hooks: https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889 Ho

Remi Rousselet 2.6k Dec 29, 2022
Flutter-useful-widgets - Flutter Useful Widgets

useful_widgets This package makes it easy to build apps by providing a list of simple and useful widgets. import 'package:useful_widgets/useful_widget

Ricardo Crescenti 6 Jun 20, 2022