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 ..
Category : Dart
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 ..
dart-sip-ua A dart-lang version of the SIP UA stack, ported from JsSIP. Overview Use pure dart-lang SIP over WebSocket (use real SIP in your flutter/web apps) Audio/video calls (flutter-webrtc) and instant messaging Support with standard SIP servers such as OpenSIPS, Kamailio, Asterisk and FreeSWITCH. Currently supported platforms iOS Android Web macOS Linux Windows Fuchsia Quickstart for Web platform Install ..
flutter-webrtc-demo Flutter WebRTC plugin Demo Online Demo: https://demo.cloudwebrtc.com:8086/ Usage git clone https://github.com/cloudwebrtc/flutter-webrtc-demo cd flutter-webrtc-demo flutter packages get flutter run Note If you want to test P2P Call Sample, please use the webrtc-flutter-server, and enter your server address into the example app. screenshots iOS Android Download flutter-webrtc source code on GitHub https://github.com/cloudwebrtc/flutter-webrtc-demo FlutterappworldProvides the list of the opensource Flutter ..
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 ..
Simplify Equality Comparisons Overview Being able to compare objects in Dart often involves having to override the == operator as well as hashCode. Not only is it verbose and tedious, but failure to do so can lead to inefficient code which does not behave as we expect. By default, == returns true if two objects are the same instance. Let’s say we ..
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..
speech_recognition A flutter plugin to use the speech recognition iOS10+ / Android 4.1+ Basic Example Sytody, speech to todo app Installation Depend on it Add this to your package’s pubspec.yaml file: dependencies: speech_recognition: “^0.3.0” Install it You can install packages from the command line: Import it Now in your Dart code, you can use: import ..
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 ..
pe_paytm A new Flutter package project for PayTm intergation in your Flutter Apps. #For Demo Getting Started Follow the following Steps to integrate the paytm payment in Flutter Application. Go to Firebase console and Create a Firebase Project (e.g. payments Testing). Set up Node.js and the Firebase CLIYou’ll need a Node.js environment to write functions, ..
Dart A client-optimized language for fast apps on any platform Dart is: Optimized for UI: Develop with a programming language specialized around the needs of user interface creation Productive: Make changes iteratively: use hot reload to see the result instantly in your running app Fast on all platforms: Compile to ARM & x64 machine code ..
flutter_web_howl Howl.js wrapper for Flutter https://pub.dev/packages/flutter_web_howl You can now include Howl.js using initializeHowl() anywhere in your FlutterWeb plugin Then access Howl methods : class Howl { Howl({List<String> src, bool autoPlay = false}); void play(); void pause(); void stop(); HowlState state(); //loading, loaded, undefined double seek([double seek]); void mute(bool mute); bool get playing; double volume([double volume]); double get ..
Import JS Library Import & use javascript libraries in your flutter web projects. flutter: assets: – assets/howler.js importJsLibrary(url: “./assets/howler.js”, flutterPluginName: “audio_plugin_example”); Why Audio library compatible with Flutter Web : https://pub.dev/packages/assets_audio_player Howler.js Audio library for the modern web : https://howlerjs.com/ And after weeks, month, years, eternity later…. How to use it 1. Create your plugin Package https://flutter.dev/docs/development/packages-and-plugins/developing-packages flutter ..
assets_audio_player Play music/audio stored in assets files (simultaneously) directly from Flutter (android/ios / web). You can also use play audio files from the network using their URL try online: https://flutter-assets-audio-player.web.app flutter: assets: – assets/audios/ AssetsAudioPlayer.newPlayer().open( Audio(“assets/audios/song1.mp3”), autoPlay: true, ); Import dependencies: assets_audio_player: ^1.3.8 Web support You like the package ? buy me a kofi 🙂 Import ..
WebFeed A dart package for parsing RSS and Atom feed. Features RSS Atom Namespaces Media RSS Dublin Core Installing Add this line into your pubspec.yaml Import the package into your dart code using: Example To parse string into RssFeed object use: Preview RSS Atom License WebFeed is licensed under the MIT License – see the LICENSE.md file for details Download ..
circle_list A new Flutter package for Circle List. Add dependency Super simple to use If you want to add gradient background Another background CenterWidget Demo Params Download Flutter package for circle list Source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Page Transition Package This package gives you beautiful page transitions. Demo Usage It is really easy to use! You should ensure that you add the page_transition as a dependency in your flutter project. dependencies: page_transition: “^1.1.5” Than you can use it with below examples. Navigator.push(context, PageTransition(type: PageTransitionType.fade, child: DetailScreen())); Navigator.push(context, PageTransition(type: PageTransitionType.leftToRight, child: DetailScreen())); Navigator.push(context, PageTransition(type: ..
Info about flutter_styled_toast A Styled Toast Flutter package. You can highly customize toast ever. Beautify toast with a series of animations and make toast more beautiful. demo Getting Started dependencies: flutter_styled_toast: ^1.2.1 import ‘package:flutter_styled_toast/flutter_styled_toast.dart’; StyledToast( textStyle: TextStyle(fontSize: 16.0, color: Colors.white), backgroundColor: Color(0x99000000), borderRadius: BorderRadius.circular(5.0), textPadding: EdgeInsets.symmetric(horizontal: 17.0, vertical: 10.0), toastPositions: StyledToastPosition.bottom, toastAnimation: StyledToastAnimation.fade, reverseAnimation: StyledToastAnimation.fade, ..
Flutter Permission handler Plugin A permissions plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. Unloc customizations Removed all permission strategies except ContactPermissionStrategy for iOS. This in order to avoid app store issues like this: The app’s Info.plist file should contain a NSCalendarsUsageDescription key with a user-facing purpose ..
Built Values for Dart Introduction Built Value provides: Immutable value types; EnumClass, classes that behave like enums; JSON serialization. Immutable collections are from built_collection. See the API docs. Articles built_value for Immutable Object Models built_value for Serialization Building a Chat App in Dart End to End Testing in One Short Second with Dart Moving Fast with Dart Immutable Values ..
Flare Flare offers powerful realtime vector design and animation for app and game designers alike. The primary goal of Flare is to allow designers to work directly with assets that run in their final product, eliminating the need to redo that work in code. Libraries There are two Dart packages provided in this repository. flare_dart and flare_flutter. Most of ..
Water Drop ???????????? A simple package for adding water drops to your Widgets! ????????????????????????????????????????Blog article with a detailed explanation:https://fidev.io/water-drop???????????????????????????????????????? Why? Why not?! How? Just wrap your widget in WaterDrop and provide params: Widget build(BuildContext context) { return WaterDrop( child: _StaticCard(color: Colors.green), params: [ WaterDropParam(top: 50, height: 70, left: 100, width: 50), WaterDropParam(top: 10, height: 100, left: 280, width: 100), ..
paging A Flutter package for paginating a list view Installation Add this to your package’s pubspec.yaml file dependencies: … paging: ^latest.version.here Usage First import paging.dart import ‘package:paging/paging.dart’; Simple to use. You can pass a type <T> as a parameter to the widget, by default dynamic is assumed. There are two required parameters: pageBuilder: requires a ..
Info: package library for extended_image, extended_text and extended_text_field,provide common base class. extended_image_library package library for extended_image extended_image A powerful official extension library of image, which support placeholder(loading)/ failed state, cache network, zoom pan image, photo view, slide out page, editor(crop,rotate,flip), paint custom etc. Download Flutter Extend Image Library Source Code on GitHub https://github.com/fluttercandies/extended_image_library FlutterappworldProvides the ..
Info: Lite version of smart_select package, zero dependencies, an easy way to provide a single or multiple choice chips. You can check out his package details on Pub: https://pub.dev/packages/chips_choice chips_choice Lite version of smart_select package, zero dependencies, an easy way to provide a single or multiple choice chips. Demo Preview Download Features Select single or ..
flutter_annual_task flutter_annual_task Flutter package for displaying grid view of daily task like Github-Contributions. Example Usage Make sure to check out example project. AnnualTaskView( taskItem // List<AnnualTaskItem> ), Installation Add to pubspec.yaml: dependencies: flutter_annual_task: ^0.1.3 Then import it to your project: import ‘package:flutter_annual_task/flutter_annual_task.dart’; And finally add AnnualTaskView widget in your project. AnnualTaskView( taskItem // List<AnnualTaskItem> ), ..
animator Enables you to create stunning flutter animations, faster, efficient and with less code. Partly inspired by the amazing Animate.css package by Dan Eden. Please note, although it’s inspired by Animate.css, this still is a Flutter package, meaning it will be available for all flutter-supported platforms. Features: Combine and chain Tweens with multiple easing-curves. Less ..
Flutter App Templates
