not_paid Worried about your payment? Using this package you can provide a non paid version of your app to the client that consistently starts fading out the app/sections after the due date, and fades it out completly when the deadline is exceeded. Supported Dart Versions Dart SDK version >= 2.1.0 Demo Installation Add the Package ..
Category : packages
Floating Ribbon A new Flutter package for creating floating ribbons on images. Dependency How To Use In order to achieve the shimmering effect, you need to add a package in pubspec.yaml. The code to reproduce it, import ‘package:skeleton_text/skeleton_text.dart’; import ‘package:floating_ribbon/floating_ribbon.dart’; FloatingRibbon( height: 85, width: 85, childHeight: 75, childWidth: 75, child: Padding( padding: const EdgeInsets.all(8.0), child: ..
skeleton_text A package provides an easy way to add skeleton text loading animation in Flutter project Dependency How To Use To achieve the above example animation use the following code : Explanation I have created a List builder of 10 Containers. Wrapping any widget by SkeletonAnimation would give a beautiful loading animation. SkeletonAnimation Constructor : ..
Functional batteries for Dart programming language. Provides an implementation of Optional, Either and other types + some helper functions. Usage A simple usage example: import ‘package:built_value/built_value.dart’; import ‘package:dfunc/dfunc.dart’; part ‘main.g.dart’; void main() { final items = [‘a’, ‘b’, ‘c’]; print(‘mapped: ${mapIndexed((i, e) => ‘$e$i’, items)}’); // Sealed classes generation: final Base item = Item1((b) => ..
Unofficial wrapper for using Rapid7 insightOps logs (former LogEntries) with Dart. This package is using logging package to do the actual logging, and implements a handler to post the message to insightOps. Setting up Set up a new log by following the instructions, copy a URL that you will use to send your log data to. Usage A ..
SpinBox for Flutter SpinBox for Flutter is a numeric input widget with an input field for entering a specific value, and spin buttons for quick, convenient, and accurate value adjustments. Guidelines Spin boxes are best suited for such applications that deal with large numeric value ranges and high precisions, where users typically know upfront the exact value ..
Languages: English, Brazilian Portuguese. Get is an extra-light and powerful library for Flutter that will give you superpowers and increase your productivity. Navigate without context, open dialogs, snackbars or bottomsheets from anywhere in your code, Manage states and inject dependencies in an easy and practical way! Get is secure, stable, up-to-date, and offers a huge range of ..
Package for Ant Icons An icon is a graphical representation of meaning. Icons can be used to express actions, state, and even to categorize data. Ant Design’s icons adhere to the following two principles and are designed for cross-platform consistency: Graphics that are clear, intuitive, and simple enjoy a higher degree of recognition and are more easily ..
Pagination in Firestore Setup Use the same setup used for cloud_firestore package (or follow this). Usage In your pubspec.yaml dependencies: paginate_firestore: ^0.1.0 Import it import ‘package:paginate_firestore/paginate_firestore.dart’; Implement it PaginateFirestore( itemBuilder: (context, documentSnapshot) => ListTile( leading: CircleAvatar(child: Icon(Icons.person)), title: Text(documentSnapshot.data[‘name’]), subtitle: Text(documentSnapshot.documentID), ), // orderBy is compulsary to enable pagination query: Firestore.instance.collection(‘users’).orderBy(‘name’), ) Contributions Feel free to contribute to ..
PaginationView Installing In your pubspec.yaml dependencies: pagination_view: ^1.0.1 import ‘package:pagination_view/pagination_view.dart’; Basic Usage PaginationView<User>( preloadedItems: <User>[ User(faker.person.name(), faker.internet.email()), User(faker.person.name(), faker.internet.email()), ], itemBuilder: (BuildContext context, User user, int index) => ListTile( title: Text(user.name), subtitle: Text(user.email), leading: IconButton( icon: Icon(Icons.person), onPressed: () => null, ), ), paginationViewType: PaginationViewType.listView // optional pageFetch: pageFetch, onError: (dynamic error) => Center( child: ..
With cupertino_setting_control you can create a settings page or a simple form very easy. Therefore, cupertino_setting_control offers multiple Cupertino-Widgets which can be used very flexible and abstracted. Quick Usage A few examples: Example for a drop down widget displayed as text field: new SettingRow( rowData: SettingsDropDownConfig( title: ‘Search Area’, initialKey: _searchAreaResult, choices: { ‘Germany’: ‘Germany’, ..
Cupertino buttons which are used as radio buttons in order to select one value. Tutorial A complete tutorial how to use CupertinoRadioChoice can be found here: Tutorial Quick Usage Just fill the required parameters of CupertinoRadioChoice and you’re ready to go, e.g.: CupertinoRadioChoice( choices: {‘male’ : ‘Male’, ‘female’ : ‘Female’, ‘other’: ‘Other’}, onChange: (selectedGender) {}, initialKeyValue: ‘male’) Please refer to ..
Flutter Firebase Picture Uploader This library offers a Picture Upload widget which can be used to upload one or multiple images to your Firebase Storage. With this library the following is possible: Upload one or multiple images via PictureUploadWidget Delete images via PictureUploadWidget Multiple customization options (font size, text, color, etc.) Custom upload or download methods possible ..
Flutter Bidirectional ListView ListView with items that can be scrolled in both directions with a fixed item count and scroll boundaries. With this library the following is possible: ListView can be scrolled in up (negative indices) and down (positive indices) direction Lazy loading is possible for up and down direction Scroll boundaries for top and ..
country list pick Flutter plugin to pick country with output name, code, dialcode and flag of country Usage To use this plugin, add country_list_pick as a dependency in your pubspec.yaml. CountryListPick( // to show or hide flag isShowFlag: true, // true to show title country isShowTitle: true, // true to show code phone country isShowCode: true, // to ..
Loader Sometimes you need to load some data before building your widget. Because initState doesn’t support asynchronous loading you need to find another way to load your data. The most common way of loading data is using a FutureBuilder but FutureBuilders are tedious. Another way is using flags to rebuild the widget after all the loading is done. Loader ..
http_services A package to support the creation of Http services in a Dart application. Features convenient methods to perform HTTP requests disposing a service will cleanup any pending requests, in order to avoid unwanted resources waste! convenient models to have a standard for request and response objects RequestBase Every request should extend RequestBase and implement its overrides: ..
toml_localizations A minimal TOML localization package for Flutter. Usage See example. Install Add to your pubspec.yaml dependencies: toml_localizations: Add a TOML file per language Add a TOML file per language you support in an asset path and describe it in your pubspec.yaml flutter: assets: – {path}/{languageCode}.toml Example TOML file str = “The quick brown fox jumps over the lazy dog.” literal_str = ..
Intl Phone Number Input A simple and customizable flutter package for international phone number input CustomDecoration CustomBorder Default What’s new Features String phoneNumber = ‘+234 500 500 5005’; PhoneNumber number = await PhoneNumber.getRegionInfoFromPhoneNumber(phoneNumber); String parsableNumber = number.parseNumber(); `controller reference`.text = parsableNumber Note onInputChanged(PhoneNumber value) { setState((){}); } Calling setState inside onInputChanged and onInputValidated causes the ..
Info: Observable Pattern is a pattern that use a class to hold a value to manage changes to dispatch notification for every streams. Observable Pattern Observable class //This is how initialize the observable class that holds a value and listen to changes and automatically close it’s stream inside Observer Widget. //you don’t need to pass ..
cupertino_back_gesture 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 / ..
Flutter Heat Map Calendar A Heat Map Calendar based on Github’s contributions chart which can be used to visualize values over time Installing 1. Depend on it Add this to your package’s pubspec.yaml file: 2. Install it You can install packages from the command line: with pub: $ pub get with Flutter: $ flutter pub ..
FlutterIconPicker This package provides an IconPicker with supported Icons which can be picked through an AlertDialog. All Icons are mapped with its names in the IconData. This is necessary to make it possible to search through the icons. Fulltextsearch including a note if no results where found. Supported IconPacks IconPack Supported Material Material Outline Cupertino ..
stepo A highly customisable Flutter package for animated unit stepper Supported Dart Versions Dart SDK version >= 2.1.0 Demo Gif Installation Add the Package dependencies: stepo: ^1.0.0 How to use Import the package in your dart file import ‘package:stepo/stepo.dart’; Basic usage : Stepo( key: UniqueKey(), ), Note: For stepo to show instant changes on hot ..
imageview360 A Flutter package which provides 360 view of the images with rotation and gesture customisations. Supported Dart Versions Dart SDK version >= 2.1.0 Demo Gif Installation Add the Package dependencies: imageview360: ^1.0.0 How to use Import the package in your dart file import ‘package:imageview360/imageview360.dart’; Basic usage : ImageView360( key: UniqueKey(), imageList: imageList, ), Note: ..
credit_card_type_detector | Credit Card Type Detector A Dart package that detects credit card types based on the current credit card number patterns This is a port from Braintree’s credit-card-type module Installing Add dependency to your pubspec.yamlGet the current version in the ‘Installing’ tab on pub.dartlang.org Import the package Usage Check out the example app in the example directory or the ..
On-Board Me A flutter package that helps you create on-boarding screen for your project with minutes just by passing a few parameters. Why We Build? Can you build an On-boarding screen within minutes for your app? This is where we help you do that. Screenshots Usage Import this class import ‘package:onboardme/src/on_boarding_me.dart’; Add the On-Boarding screen OnboardingMe( /// ..
Info: Adds a side menu in all screens with debug information. You can decide which information to show and create new modules to include more information. https://pub.dev/packages/flutter_debug_drawer flutter_debug_drawer A debug drawer menu for better development. This is an initial release with very few functionalities. This project is heavily inspired on a similar project for Android (https://github.com/palaima/DebugDrawer) ..
Flutter Material Pickers A flutter package containing commonly used material design picker dialogs. Some are new, some wrap existing or built in pickers with a common dialog and access function. It includes: New Pickers showMaterialScrollPicker: Allows selection of a string via a slot machine carousel showMaterialNumberPicker: Allows selection of a number via a slot machine ..
storyboard A Flutter Debug tool to see and test all your screens at once. Demo: https://rodydavis.github.io/storyboard/ Getting Started Wrap your MaterialApp with Storyboard. return StoryBoard( // enabled: true, // screenSize: Size(400, 700), child: MaterialApp( debugShowCheckedModeBanner: false, title: ‘Flutter Storyboard Example’, theme: ThemeData.light().copyWith( visualDensity: VisualDensity.adaptivePlatformDensity, ), darkTheme: ThemeData.dark().copyWith( visualDensity: VisualDensity.adaptivePlatformDensity, ), themeMode: ThemeMode.light, home: HomeScreen(), routes: { ..
country_code_picker A flutter package for showing a country code selector. It supports i18n. Usage Just put the component in your application setting the onChanged callback. @override Widget build(BuildContext context) => new Scaffold( body: Center( child: CountryCodePicker( onChanged: print, // Initial selection and favorite can be one of code (‘IT’) OR dial_code(‘+39’) initialSelection: ‘IT’, favorite: [‘+39′,’FR’], ..
github_trending A Dart library to get GitHub trending repositories and developers via github-trending-api. Installation Add github_trending as a dependency in your pubspec.yaml file Usage import ‘package:github_trending/github_trending.dart’; void main() async { // get trending repositories var repos = await getTrendingRepositories(); print(repos[0].name); // specify time period var weeklyRepos = await getTrendingRepositories(since: ‘weekly’); print(weeklyRepos[0].name); // specify language var dartRepos = await getTrendingRepositories(language: ..
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started Installation Basic Usage Installation Add circular_menu : ^latest_version to your pubspec.yaml, and run flutter pub get in your project’s root directory. Basic Usage Import it to your project file import ‘package:circular_menu/circular_menu.dart’; And add it in ..
The Gorgeous Otp A login page built with flutter inspired by a design found on Uplabs Login Screen OTP Screen Tools This project uses the phone connection provided by Firebase. It also uses MobX and Provider to manage the state of the application simply and efficiently. Configuration This project works with Firebase so you need to import your own Google Services ..
milestone_progress Flutter package for IOS and Android to display progress through milestone progress widget. Screenshots ## Usage [Example]https://github.com/harpreetseera/MilestoneProgressView/blob/master/example/example_app.dart) To use this package : add the dependency to your pubspec.yaml file. dependencies: flutter: sdk: flutter milestone_progress: How to use /* use this widget to create the milestone progress view Note:The widget doesnot maintain its state itself.So to see ..
account_selector A Flutter package which provides helper widgets for selecting single or multiple account/user from a list Supported Dart Versions Dart SDK version >= 2.1.0 Demo Screen Shots Demo Gif Installation Add the Package dependencies: account_selector: ^0.0.2 How to use Import the package in your dart file import ‘package:account_selector/account.dart’; import ‘package:account_selector/account_selector.dart’; Create an account list ..
flutter_bloc meets sealed_unions Quick Start Extend UnionNImpl class MyState extends Union4Impl<Initial, Loading, Success, Failure> { static final unions = const Quartet<Initial, Loading, Success, Failure>(); MyState._(Union4<Initial, Loading, Success, Failure> union) : super(union); factory MyState.initial() => MyState._(unions.first(Initial())); factory MyState.loading() => MyState._(unions.second(Loading())); factory MyState.success({String data}) => MyState._(unions.third(Success(data: data))); factory MyState.failure({String error}) => MyState._(unions.fourth(Failure(error: error))); } class Initial {} class Loading {} ..
An extension to the bloc state management library which automatically persists and restores bloc states. Overview hydrated_bloc exports a HydratedStorage interface which means it can work with any storage provider. Out of the box, it comes with its own implementation: HydratedBlocStorage. HydratedBlocStorage is built on top of path_provider for a platform-agnostic storage layer. The out-of-the-box storage implementation reads/writes to file using the toJson/fromJson methods on HydratedBloc and should ..
orderable_stack A Flutter orderable container : based on a “data items” list vertical or horizontal need a “itemBuilder” function to build the orderable parts Usage cf. orderable_stack_example Limitations All part must have same size Download Flutter orderable stack widget source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Fresh A Dart HTTP Client with built-in token refresh. Overview Fresh is a package which attempts to simplify custom API authentication by integrating token refresh and caching directly into the client. Fresh is flexible and is intended to support custom token refresh mechanisms. Usage Extend FreshClient // 1. Specify the Token Type class MyHttpClient extends ..
Flutter App Templates
