appmetrica_sdk A Flutter plugin for Yandex AppMetrica SDK. Plugin implementation status Implemented Events Profiles Not implemented yet Revenue. Coming soon Crashes Push notifications Multiple reporters support (with different API keys) Deeplinks Usage To use this plugin, add appmetrica_sdk as a dependency in your pubspec.yaml file. See demonstration how to use the appmetrica_sdk plugin in example section. Documentation Common documentation ..
Category : Dart
mask_text_input_formatter The package provides TextInputFormatter for TextField and TextFormField which format the input by a given mask. Example Check ‘example’ folder for code sample Usage Follow install guide: https://pub.dartlang.org/packages/mask_text_input_formatter#-installing-tab- Import the library: import ‘package:mask_text_input_formatter/mask_text_input_formatter.dart’; Create mask formatter: var maskFormatter = new MaskTextInputFormatter(mask: ‘+# (###) ###-##-##’, filter: { “#”: RegExp(r'[0-9]’) }); Set it to text field: ..
Info: A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it. Motion Tab Bar A beautiful animated widget for your Flutter apps | Preview | |———|———-| | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.0.1 Basic Usage ..
Liquid Shrink Side Menu A Side Menu plugin for flutter and compatible with liquid ui Side Menu Types There are 8 configuration of Liquid shrink side menu 1. SlideNRotate 2. SlideNRotate Inverse 3. ShrinkNRotate 4. ShrinkNRotate Inverse 5. Slide 6. Slide Inverse 7. ShrinkNSlide 8. ShrinkNSlide Inverse Getting Started Step 1: Add shrink_sidemenu to pubspec.yaml dependencies: flutter: sdk: flutter ..
Json Table Widget This Flutter package provides a Json Table Widget for directly showing table from a json(Map). Supports Column toggle also. Live Demo: https://apgapg.github.io/json_table/ Live Data Testing: https://apgapg.github.io/json_table/#/customData Features The table constructed isn’t the flutter’s native DataTable. The table is manually coded hence serves a great learning purpose on how to create simple tables manually in ..
Avatar Glow This Flutter package provides a Avatar Glow Widget with cool background glowing animation. Live Demo: https://apgapg.github.io/avatar_glow/ Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: avatar_glow: <latest version> Usage Import this class import ‘package:avatar_glow/avatar_glow.dart’; Usage is simple. Avatar Glow is a widget offering different customizable optional parameters with child displayed at its center. ..
Search Widget This Flutter package provides a Search Widget for selecting an option from a data list. Provides filtering of items based on the search text. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: search_widget: <latest version> Usage Import this class import ‘package:search_widget/search_widget.dart’; Add Search Widget Accepts data list as input Option for ..
Animating Location Pin This Flutter package provides a Animating Location Pin Widget which can be used while fetching device location. Installation In the dependencies: section of your pubspec.yaml, add the following line: dependencies: animating_location_pin: <latest version> Usage Import this class import ‘package:animating_location_pin/animating_location_pin.dart’; Add Adding this widget is simple. Just directly use its instance for default configuration Container( child: ..
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 ..
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 : ..
A Flutter plugin to use the Cloud Firestore API. For Flutter plugins for other Firebase products, see README.md. Setup To use this plugin: Add cloud_firestore as a dependency in your pubspec.yaml file. Android Using the Firebase Console, add an Android app to your project. Follow the assistant, and download the generated google-services.json file and place it inside android/app. Modify the android/build.gradle file and the android/app/build.gradle file to add ..
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) => ..
A library for finite state machine realization in Dart. Inspired by Tinder StateMachine library. Usage A simple usage example (using dfunc library for generating sealed classes): import ‘package:dfunc/dfunc.dart’; import ‘package:fsm/fsm.dart’; part ‘fsm_example.g.dart’; void main() { final machine = StateMachine<State, Event, SideEffect>.create((g) => g ..initialState(Solid()) ..state<Solid>((b) => b ..on<OnMelted>( (Solid s, OnMelted e) => b.transitionTo(Liquid(), LogMelted()))) ..state<Liquid>((b) => 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: ..
touchable ???????? Flutter library to add various gesture callbacks to each Shape you draw on your canvas in your CustomPainter Index : Why Use Touchable ? Installation Usage How it works Road Map Links Why Use Touchable ? The CustomPainter lets you only draw shapes on the canvas. But most would want to let user interact with the drawings. With touchable , you ..
contacts_service A Flutter plugin to access and manage the device’s native contacts. Usage To use this plugin, add flutter_contact as a dependency in your pubspec.yaml file.For example: dependencies: flutter_contact: ^0.4.15 Permissions Android Add the following permissions to your AndroidManifest.xml: <uses-permission android:name=”android.permission.READ_CONTACTS” /> <uses-permission android:name=”android.permission.WRITE_CONTACTS” /> iOS Set the NSContactsUsageDescription in your Info.plist file <key>NSContactsUsageDescription</key> <string>Your description of why you are requesting permissions.</string> Noteflutter_contact does not ..
Moor Moor is a reactive persistence library for Flutter and Dart, built ontop of sqlite. Moor is Flexible: Moor let’s you write queries in both SQL and Dart, providing fluent apis for both languages. You can filter and order results or use joins to run queries on multiple tables. You can even use complex sql ..
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 ..
flutter_link_preview This is a URL preview plugin that previews the content of a URL Language: English | 中文简体 Special feature Result caching and expiration mechanism for faster return of results Better fault tolerance, multiple ways to find icons Better support for Chinese, no garbled code Support GIF and other image previews Getting Started Result: You can also use ..
Flutter Sound This plugin provides simple recorder and player functionalities for both Android and iOS platforms. Features Play and Record sounds or music with various codecs. (See the supported codecs here) Play local or remote files specified by their URL. The App playback can be controled from the device lock screen or from an Apple watch ..
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 ..
streamZ A simple video streaming application made with Dart, JS, HTML, CSS & Show some by putting Recently I wrote an article, explaining how to deploy it using systemd in LAN, which can be found here. what does it do ? A streaming service, intended to run in small network(s) ( may be in your home network ), which lets you stream movies ..
intent A simple flutter plugin to deal with Android Intents – your one stop solution for Android Intents, written with . Show some by putting intent tries to help you in launching another android activity using Android Intents. This Dart API replicates Android Intent API, so for detailed information on how to use it efficiently, when to send what kind ..
Camera Plugin A Flutter plugin for iOS and Android allowing access to the device cameras. Note: This plugin is still under development, and some APIs might not be available yet. We are working on a refactor which can be followed here: issue Features: Display live camera preview in a widget. Snapshots can be captured and saved ..
Flutter App Templates
